css animation无法停在最后一帧

Question

已经使用了animation-fill-mode:forwards;但还是无法停在最后一帧，这是为啥代码链接：https://codepen.io/warden0214...

Answer 1

animation-timing-function:steps(59);@keyframeskeyframes-zhitu-des{0%{transform:translate3d(0,0,0);}100%{transform:translate3d(-17700px,0,0);}}

Answer 2

因为你的最后一帧已经没有图像了。你可以把setp改为59，动画里面的变化改为transform:translate3d(-17700px,0,0);，目的就是去掉最后一帧画面