您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

使用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 2022/1/1 18:14:50 有461人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶