找到了解决办法
来源：4-2 js配合动画属性实现图片无限滚动效果
慕容子一
2020-02-04 11:21
var style = document.createElement("style");
style.innerHTML = `@keyframes run{
100%{
transform:translateX(-${contentWidth}px);
}
}`;
window.document.head.appendChild(style);
写回答
关注
3回答
-
- x偏爱_南半球o
- 2020-08-03 15:28:59
insertRule 规则无法注入的 我试了你的方法没有实现
我是这样解决的：
var style = document.styleSheets[0];
style.insertRule(`@keyframes run {100%{transform:translateX(-${contentWidth}px);}} `)
把这个删了，在marquee.css里面把动画帧加上就得了：
@keyframes run {
100%{
transform:translateX(-2400px);
}
} -
- 宝慕林2497579
- 2020-07-11 12:22:04
试了一下 可以实现谢谢分享
-
- qq_心无岸_0
- 2020-02-13 21:26:51
怎么改？注入那里还是显示不了，可以看看html的代码吗
带你走入前端动画的世界
学习css3动画，并结合实际项目向大家展示应用技巧，使大家快速入门。
29783 学习 · 65 问题
相似问题