使用JavaScript设置webkit关键帧的from / to参数

各种解决方案：

var cssAnimation = document.createElement('style');cssAnimation.type = 'text/css';var rules = document.createTextNode('@-webkit-keyframes slider {'+'from { left:100px; }'+'80% { left:150px; }'+'90% { left:160px; }'+'to { left:150px; }'+'}');cssAnimation.appendChild(rules);document.getElementsByTagName("head")[0].appendChild(cssAnimation);

只需向标题添加样式定义。如果可能的话，通过DOM定义会更干净/更好。

编辑：使用旧方法的Chrome中出现错误