码迷,mamicode.com
首页 > 其他好文 > 详细

animation小方法

时间:2017-03-30 15:23:14      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:dir   alt   war   duration   -name   min   mod   ram   速度   

animation 属性值

animation-name: ani    //动画名称

animation-duration :2s     //动画完成一个周期所完成的时间

animation-timing-function: ease   //动画的速度曲线

animation-delay: 2s    //动画何时开始

animation-iteration-count: 1/infinite    //动画被播放的次数

animation-direction: alternate/normal     //动画是否在下一周期逆向地播放

animation-play-state:running/paused      //动画是否正在运行或暂停

anination-fill-mode:forwards/backwards/both  //动画之外的状态

@keyframes  ani{

  from{ }

  to{ }

}

@keyframes ani{

  0%{ }

  25%{ }

  50%{ }

  75%{ }

  100%{ }

}

animation小方法

标签:dir   alt   war   duration   -name   min   mod   ram   速度   

原文地址:http://www.cnblogs.com/xshaohua-com/p/6646363.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!