可以网上去找，差不多一样的

insertRule 规则无法注入的 我试了你的方法没有实现

我是这样解决的：
var style = document.styleSheets[0];
style.insertRule(`@keyframes run {100%{transform:translateX(-${contentWidth}px);}} `)
把这个删了，在marquee.css里面把动画帧加上就得了：
@keyframes run {
    100%{
        transform:translateX(-2400px);
    }
}

在服务器上运行比如apache，就可以了

https://github.com/linrufeng/animation.git

insertRule 规则无法注入的 我是这样解决的：

var style = document.styleSheets[0];
style.insertRule(`@keyframes run {100%{transform:translateX(-${contentWidth}px);}} `)
把这个删了，在marquee.css里面把动画帧加上就得了：
@keyframes run {
    100%{
        transform:translateX(-2400px);//括号里就是图片宽度*张数
    }
}