console.log(style)
document.styleSheets这个接口可以获取网页上引入style样式表。
拿到样式表后就可以操作样式啦~
insertRule方法用来给当前样式表插入新的样式规则。
insertRule(rule,index)
rule:要添加到样式表的规则。
index:要把规则插入或附加到 cssRules 数组中的位置。
js既然可以添加 @keyframes 样式了，那动态传值就方便啦！
附实战笔记一篇
需求：div块绕着屏幕周围走，要求div的行走范围跟随窗口大小的变化。首先：
然而效果似这样色儿滴：
想要加上自适应效果好像并不容易：
只能试试js：
CSS3动画以百分比表示关健帧，你可以随意从0％－100％自己定义每个关健帧的动作。0％就是开始，100％就是结束。@-webkit-keyframes anime {
0%{把样式写这里}
50%{把样式写这里}
100%{把样式写这里}
}
