你是想在@keyframes里面用background-postion做那种一张张图片连起来的动画？
CSS动画是在主线程之外运行的，浏览器也可以对它进行优化，速度比JS的animate（在主线程运行）快，还可以开启GPU加速，具体不知道你动画多大，太大了肯定是有影响的，特别是移动端，那样不如做成GIF或者SVG算了。

下面是开启GPU加速和防止闪烁的方法

开启GPU加速
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

防止闪烁
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;

-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;