我的css3吧 关注:1贴子:7
  • 1回复贴,共1

css3动画事件—webkitAnimationEnd

只看楼主收藏回复

当-webkit-animation动画结束时有一个webkitAnimationEnd事件,只要监听这个事件就可以实现这个动画完成时才执行令一个事件,比如让动画保持在终止的状态或其他一些事件。
1)-webkit-animation动画含三个事件:
A. 开始事件webkitAnimationStart
B. 结束事件webkitAnimationEnd
C. 重复运动事件webkitAnimationIteration
2)css3的过渡属性transition,在动画结束时,也存在结束的事件:webkitTransitionEnd;transition仅有此一个事件。


1楼2014-06-27 13:41回复
    viewport——WEB前端开发 HTML5开发 移动端知识
    viewport的作用是什么?
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"/>
    手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局
    (来自独行冰海)
    不为明天而烦恼,不为昨天而叹息,只为今天更美好!


    2楼2014-06-27 13:49
    回复