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

我的页面出不来

老师好：

我的页面出不来

weixin_慕数据3512530

2019-11-26

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

关注问题我要回答

1120

操作

收起

2 回答

翎栋
2019-11-29

https://github.com/Talbot3/FlyLab/tree/master/example/demo-css3#Q&A
这个可以回答你的疑问

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

收起回答

翎栋
2019-11-29

你好，这边是完整的示例：
https://github.com/Talbot3/FlyLab/tree/master/example/demo-css3
并且insertRule已经被chrome限制了，所有出不来，需要手动创建style标签

   var css = `       @keyframes run {           100% {               transform: translateX(-${contentWidth}px);           }       }   `;   var head = document.head || Documedocumentnt.getElementsByTagName('head')[0];   var style = document.createElement('style');style.type = 'text/css';   if (style.styleSheet){style.styleSheet.cssText = css;} else {style.appendChild(document.createTextNode(css));}head.appendChild(style);