问:我检查了示例 png 文件,它有 10 个动画关键帧。您将关键帧功能设置为移动 -1900 像素,从而实现动画效果。这是我的问题,为什么这个 animate 函数只显示动画的每个关键帧,而不只是平滑地移动 png(在这个例子中逐个像素移动,而不是每 190 像素跳转)?
答:我不确定没有看到您的作品,但您是否只尝试过两个关键帧。从 0% 开始,第二个以 100% 结束?像这样的东西...
@ -moz-keyframes bg { 0 % { -moz-变换: translate3d ( 0 , 0 , 0 );
-webkit-变换:translate3d ( 0 , 0 , 0 ); -o-变换:translate3d ( 0 , 0 , 0 ); -ms-变换:translate3d ( 0 , 0 , 0 ); 变换:
translate3d ( 0 , 0 , 0 ); }
100 % { -moz-变换:translate3d ( -1900 px , 0 , 0 ); -webkit- transform : translate3d ( -1900 px , 0 , 0 ); -o-变换:translate3d ( -1900 px , 0 , 0 ); -ms-变换:translate3d
( -1900像素, 0 , 0 );
变换: translate3d ( -1900 px , 0 , 0 ); } }