动画设计属性

Posted 韩凯

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了动画设计属性相关的知识,希望对你有一定的参考价值。

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

以上是关于动画设计属性的主要内容,如果未能解决你的问题,请参考以下文章

iOS中的显示动画(属性动画)

动画属性与多个动画的属性绑定

Android属性动画之旋转动画

为啥动画自定义 CALayer 属性会导致其他属性在动画期间为零?

Android属性动画

如何设置动画和过渡属性