课程
/前端开发
/HTML/CSS
/带你走入前端动画的世界
那些step函数 具体怎么实现的呢？
2019-12-26
源自：带你走入前端动画的世界 3-1
正在回答
最近一直在做项目，京东的年终倒带，大致也是用step这个函数实现的；你可以这样理解step多用于雪碧图背景图片，例如这个雪碧图的背景一共有10个，step（10）就ok了相当于把背景图等分10分，然后配合背景图坐标例如我整个图片宽度是1000 每个背景的图片大小是100 那么就是step10 ， 之后在@keyframes run{} 这个里面在100%里面加background-position-x：-1000；
举报
学习css3动画，并结合实际项目向大家展示应用技巧，使大家快速入门。
1 回答老师，我怎么弄不出那个函数表呢
1 回答demo-1我怎么没看出来卡顿的现象，和demo2有什么区别呢？
1 回答demo-2不能实现
1 回答无法实现轮播
2 回答无法实现该效果
