css逐帧动画图片太大怎么办,CSS3 逐帧动画使用技巧

【摘要】

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 逐帧动画使用技巧的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！