100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > CSS3 Animation 帧动画 steps() --冯浩的博客

CSS3 Animation 帧动画 steps() --冯浩的博客

时间:2020-09-29 18:39:04

相关推荐

CSS3 Animation 帧动画 steps()  --冯浩的博客

CSS3的Animation 复合使用:

animation: move 1s steps(12,end) infinite ;

第一个参数是调用keyframes动画第二个参数规定的时间第三个参数steps(12,end)steps() 函数:steps(12,end) 第一个参数是在规定的时间中的间隔数量;第二个参数值有两个(end和start)end:动画执行时以结尾端点为开始;start:动画执行时为开始左侧端点的部分为开始第四个参数:重复的次数 infinite(无限次的循环)@keyframes move{from{background-position: 0 0;}to{background-position:-576px 0;}}

CSS3的Animation有八个属性

animation-name :动画名fnanimation-duration:时间1sanimation-delay:延时1sanimation-iteration-count:次数 infiniteanimation-direction:方向 alternate(反向)animation-play-state:控制 running pausedanimation-fill-mode:状态forwards(当动画完成后,保持最后一个属性值)animation-timing-function:关键帧变化

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。