动画设计属性

在样式里的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——交替执行(也可以成为正反执行)

posted @ 2018-04-02 14:37  韩凯  阅读(97)  评论(0编辑  收藏  举报