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

动画设计属性

时间:2018-04-02 15:12:43      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:100%   执行   css   ima   body   alter   alternate   lte   运行   

在样式里的div需要先写动画名如aa,animation:aa 10s(动画时长),infinite(无限循环)

1、@keyframes规则用于创建动画。在@keyframes中规定某项CSS样式,就能创建由当前样式逐渐改为新样式的动画效果
2、使用animation进行动画捆绑。两个值:动画名称、时长
3、我们一般情况下使用0%~100%来规定动画发生的时机。或者使用关键词from...to...,效果等同于0%~100%。
4、加上一个infinite值就可以无限执行了
5、ease——默认开始慢慢加速,结束时慢慢减速。
     linear——默认始终使用相同速度运行。
     alternate——交替执行(也可以成为正反执行)

动画设计属性

标签:100%   执行   css   ima   body   alter   alternate   lte   运行   

原文地址:https://www.cnblogs.com/hankai2735/p/8693112.html

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