使用css3动画实现轮播图
1、animation-name:规定需要绑定到选择器的 keyframe 名称。取值:none:(默认)规定无动画效果(可用于覆盖来自级联的动画)。keyframename:规定需要绑定到选择器的 keyframe 的名称。
2、animation-duration:规定完成动画所花费的时间,以秒或毫秒计。取值:time:规定完成动画所花费的时间。默认值是 0,意味着没有动画效果。
3、animation-timing-function:规定动画的速度曲线。取值:ease:默认。动画以低速开始,然后加快,在结束前变慢。linear:动画从头到尾的速度是相同的。
4、ease-in:动画以低速开始。ease-out:动画以低速结束。ease-in-out:动画以低速开始和结束。
5、cubic-bezier(n,n,n,n):在 cubic-bezier 函数中定义自己的值。可能的值是从 0 到 1 的数值。animation-delay:规定在动画开始之前的延迟。取值:time:(可选)定义动画开始前等待的时间,以秒或毫秒计。默认值是 0。
6、an坡纠课柩imation-iteration-count: 规定动画应该播放的次数。取值:n:定义动画播放次数的数值。in熠硒勘唏finite:规定动画应该无限次播放。animation-direction:规定是否应该轮流反向播放动画。取值:normal:默认值。动画应该正常播放。alternate:动画应该轮流反向播放。animation动画实现轮播图
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:78
阅读量:78
阅读量:56
阅读量:24
阅读量:52