js动态修改@keyframes属性值

CSS3中增加了@keyframes规则用于创建动画，创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。也就是说通过改变CSS样式而达到动画的效果，所以，要动态去改变动画，只有修改样式。 document.styleSheets这个接口可以获取网页上引入的link样式表和style样式表。如下： 拿到样式表后就可以操作样式啦~ insertRule方法用来给当前样式表插入新的样式规则。举

>>阅读原文<<