                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /带你走入前端动画的世界

找到了解决办法

var style = document.createElement("style");

style.innerHTML = `@keyframes run{

100%{

transform:translateX(-${contentWidth}px);

}

}`;

window.document.head.appendChild(style);

慕容子一

2020-02-04

源自：带你走入前端动画的世界 4-2

关注问题我要回答

517

操作

收起

3 回答

x偏爱_南半球o
2020-08-03

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

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

0 回复有任何疑惑可以回复我~

#1

weixin_慕UI6578365

请问一下怎么在marquee.css加你说的东西，没看懂，能说明白点吗？

2020-12-21 回复有任何疑惑可以回复我~

宝慕林2497579
2020-07-11

试了一下可以实现谢谢分享

0 回复有任何疑惑可以回复我~

qq_心无岸_0
2020-02-13

怎么改？注入那里还是显示不了，可以看看html的代码吗

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

带你走入前端动画的世界

参与学习 29788 人
解答问题 65 个

学习css3动画，并结合实际项目向大家展示应用技巧，使大家快速入门。

本课相似问答

1 回答无法找到css？

1 回答找了一圈貌似是跨越的问题？

1 回答scrip里面引用的js文件是什么？在哪里能找到

2 回答Failed to load resource: the server responded with a status of 404 (Not Found)的问题怎么解决呢

1 回答JS部分 14:10 到这里卡住了，显示不出来效果。

搜索更多本课相关问答

找到了解决办法

我要回答关注问题

意见反馈帮助中心 APP下载