那些step函数 具体怎么实现的呢?

来源:3-1 时间函数详解和举例

慕侠1053532

2019-12-26 15:23

那些step函数 具体怎么实现的呢?

写回答 关注

1回答

  • 如风般魅影
    2020-01-02 22:24:56

    最近一直在做项目,京东的年终倒带,大致也是用step这个函数实现的;你可以这样理解step多用于雪碧图背景图片,例如这个雪碧图的背景一共有10个,step(10)就ok了相当于把背景图等分10分,然后配合背景图坐标例如我整个图片宽度是1000 每个背景的图片大小是100 那么就是step10 , 之后在@keyframes run{} 这个里面在100%里面加background-position-x:-1000;

带你走入前端动画的世界

学习css3动画,并结合实际项目向大家展示应用技巧,使大家快速入门。

29783 学习 · 65 问题

查看课程

相似问题