1.animation-name
animation-name属性:为 @keyframes 动画规定名称。
2.animation-duration
animation-duration属性:完成一个动画周期所需要的时间。
3.animation-timing-function
animation-timing-function属性:规定动画的速度曲线
常用属性:
ease 默认。动画以低速开始,然后加快,在结束前变慢。
ease-in 动画以低速开始。
ease-out 动画以低速结束。
ease-in-out 动画以低速开始和结束
cubic-bezier(n,n,n,n) 在 cubic-bezier 函数中自己的值。可能的值是从 0 到 1 的数值。
4.animation-delay
animation-delay属性:定义动画何时开始 。
5.animation-iteration-count
animation-iteration-count属性:设置动画播放次数。
常用属性:
infinite 无限次数轮播
n 播放n次
6.animation-direction
animation-direction属性:设置动画是否反向播放,对只播放一次的动画该属性无效。
常用属性:
normal 默认值动画正常播放
alternate 动画轮流反向播放
7.animation
animation属性:简写属性,用于设置6个动画属性分别是
animation-name 为 @keyframes 动画规定名称
animation-duration 完成一个动画周期所需要的时间
animation-timing-function 规定动画的速度曲线
animation-delay 定义动画何时开始
animation-iteration-count 设置动画播放次数
animation-direction 设置动画是否反向播放
精彩内容
发表评论