【摘要】 CSS3 逐帧动画使用技巧考必过小编为大家整理了关于CSS3 逐帧动画使用技巧的信息,希望可以帮助到大家!
CSS3 逐帧动画使用技巧
标签:除了classanimateanimspan动画stepimastart
逐帧动画:
-webkit-animation: animate-steps 1s steps(1, start) infinite;
animation: animate-steps 1s steps(1, start) infinite;
(1)step-start 与 step-end
除了 steps 函数,animation-timing-function 还有两个与逐帧动画相关的属性值 step-start 与 step-end:
step-start 等同于 steps(1,start):动画执行时以开始端点为开始;
step-end 等同于 steps(1,end):动画执行时以结尾端点为开始。
(2)动画帧的计算:
CSS3 逐帧动画使用技巧
标签:除了classanimateanimspan动画stepimastart
以上就是CSS3 逐帧动画使用技巧的内容,更多资讯请及时关注考必过网站,最新消息小编会第一时间发布,大家考试加油!