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

  • Z时代
  • 2024-01-10
  • 分类：问答

有没有办法用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中出现错误

以上是 使用JavaScript设置webkit关键帧的from / to参数 的全部内容， 来源链接： utcz.com/qa/404385.html

回到顶部