CSS中animation动画属性使用详解

@keyframes属性 , 本家儿要用于划定动画的法则 。 例如 , 下面代码设置了mymove名称的动画为从上至下滑动 。

CSS中animation动画属性使用详解

文章插图

2animation-name属性 , 本家儿要用于划定@keyframes动画法则的名称 。 例如 , 下面设置了动画的名称 。

CSS中animation动画属性使用详解

文章插图

3animation-duration属性 , 本家儿要用于划定动画执行的时候 , 单元可所以毫秒或秒 。 例如 , 下面界说了2秒 。

CSS中animation动画属性使用详解

文章插图

4animation-timing-function属性 , 本家儿要用于划定动画运行的曲线 。 例如 , 下面设置动画曲线结果为linear 。

CSS中animation动画属性使用详解

文章插图

5【CSS中animation动画属性使用详解】animation-delay属性 , 本家儿要用于设置动画起头执行的时候 , 一般用于延迟执步履画 。

CSS中animation动画属性使用详解

文章插图

6animation-iteration-count属性 , 本家儿要用于设置动画执行的次数 , 例如 , 下面设置执行3次 。

CSS中animation动画属性使用详解

文章插图

7animation-direction属性 , 本家儿要用于设置动画鄙人一次执行时 , 是否逆标的目的执行 。

CSS中animation动画属性使用详解

文章插图

以上内容就是CSS中animation动画属性使用详解的内容啦 , 希望对你有所帮助哦!

    推荐阅读