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);，目的就是去掉最后一帧画面