美文网首页
animation动画属性

animation动画属性

作者: xf0128 | 来源:发表于2017-09-07 20:41 被阅读0次

@keyframes 规定动画

 animation  所有的属性简写属性,除了animation-play-state属性

animation-name  规定@keyframes 动画的名称

animation-duration规定动画周期所花费的秒或毫秒

animation-timing-function规定动画速度曲线

animation-play-state规定动画是否正在运行或者暂停

animation-delay 规定动画何时开始

animation-iteration-count规定动画被播放的次数

animation-direction规定动画是否在下一周期逆向地播放

animation-fill-mode规定对象动画时间之外的状态

linear    动画从头到尾的速度是相同的。

animation-timing-function:规定动画速度曲线

ease  默认值。动画以低速开始,然后加快,在结束前变慢。

ease-in  动画以低速开始。

ease-out  动画以低速结束。

ease-in-out  动画以低速开始和结束。

cubic-bezier(n,n,n,n) 在 cubic-bezier 函数中自己的值。可能的值是从 0 到 1 的数值。


相关文章

网友评论

      本文标题:animation动画属性

      本文链接:https://www.haomeiwen.com/subject/cffwjxtx.html