关于轮播图轮播的时候，图片切换由慢到快的效果

Question

双越老师，上次遇到一个面试题，问我怎样实现轮播图轮播的时候，图片切换由慢到快的效果。我回答的是，用JS，分阶段的调整图片进入速度，面试官好像不是很满意，这个应该怎样实现呢。

Answer 1

weixin_慕丝2377090 2021-12-02 20:13:45

同学，可以通过@keyframe，通过百分比定义多个关键帧，然后在用animation调用该动画时使用由快到慢点缓动效果就好了。

Answer 2

双越 2021-10-15 18:05:00

用 js 用可以实现，在 CSS3 还未出来之前。

在 CSS3 出来之后，最佳答案就是 CSS3 动画，再用 js 就效率低了。