js修改、添加css3 keyframes

var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = 'body{color:red;}/*你要插入的样式*/';
document.getElementsByTagName('head')[0].appendChild(style);

简单介绍原理就是重新插入一段css样式，达到创建keyframes的目的。

另外还有利用 document.stylesheet.insertRule的方法去做，不过没调试出来，这里贴个 MDN介绍的方法。

https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet/insertRule

转载于:https://www.cnblogs.com/jh1994/p/8299031.html