备用网址yabovip6.con完成事件 监听css3动画结束事件- - 保健 - 广州迈格斯科技有限公司 备用网址yabovip6.con,备用网址yabovip6.con,亚博贵宾
首页?>?亚博贵宾 > 正文

备用网址yabovip6.con完成事件 监听css3动画结束事件-

当css3的animation完成一个动画,我们想让动画保持在终止的状态或其他一些事件,要怎么做呢

我们可以监听 webkitAnimationEnd 事件就可以

// 动画结束时事件
o.addEventListener("webkitAnimationEnd", function() {
console.log("动画结束");
})

-webkit-animation动画有三个事件:

开始事件: webkitAnimationStart
结束事件: ?webkitAnimationEnd
重复备用网址yabovip6.con事件: webkitAnimationIteration

// 动画开始时事件 o.addEventListener("webkitAnimationStart", function() { console.log("动画开始"); }) // 动画重复备用网址yabovip6.con时事件 o.addEventListener("webkitAnimationIteration", function() { console.log("动画重复备用网址yabovip6.con"); })
// 动画结束时事件
o.addEventListener("webkitAnimationEnd", function() {
console.log("动画结束");
})

示例:






webkitAnimationEnd







css3的过渡属性transition,在动画结束时,也存在结束的事件:webkitTransitionEnd

注意:transition 仅有这一个事件

小编推荐
  • 林琳奇健身节目 林琳奇助阵《功夫瑜伽》变身
    中印合拍电影《功夫瑜伽》电影里有寻宝、探险、动作甚至悬疑等当下观众最关注的元素。它将会是一部跨越文化、跨越语言,让世界观众都容易理解、都喜欢的电影。反映中、印两大文明古国源远流长

    2019-01-31

  • 哲学五种备用网址yabovip6.con “五种备用网址yabovip6.con”的三要素阶梯
    机械备用网址yabovip6.con三要素: 地位:老大,垫底,机械备用网址yabovip6.con是其他所有备用网址yabovip6.con的基础、保证、前提。最普遍。 机械备用网址yabovip6.con:物体与物体之间的相互作用及位移。 机械备用网址yabovip6.con三要素:作用力、反作用力、作用点(作用介质

    2019-01-31

  • 40岁女人健身注意事项 翘臀马甲线诠释健身女
    在你印象中40岁的妇女是什么样? 发福又松垮下垂的肉体 蜡黄又布满皱纹的脸 完全和18岁的少女不能对比! 翘臀、马甲线、D罩杯、大长腿 更是和这个年龄段不沾边! 而今天介绍的主角 绝对会让你

    2019-01-30

  • 产后去斑吃什么保健品 那你就大错特错啦
    民间传统的月子里产妇补养品之一是吃老母鸡。 老母鸡真那么能补吗?中医认为老母鸡有补虚暖胃、活血调经、强壮筋骨、益气催乳、治劳损的作用,十分有利于产妇产后虚损身体的康复和泌乳。中国人

    2019-01-30

  • 关于健身励志的说说 满满正能量致自己的励志
      如果早上的时候你觉得太迷茫,不如多看看一些励志的早安心语,你必然充满正能量,下面学习啦小编为大家带来了满满正能量致自己的励志说说,希望你会喜欢。   满满正能量致自己的励志

    2019-01-30

热图推荐