google-chrome - chrome 无法设置 -webkit-animation-name

Question

我的 chrome 自动更新到 V19.0.1084.46 m；我遇到了一个可怕的问题!

1.zetop('#id').css({'-webkit-animation-name':'pop'}); does not working!
2.el.style['-webkit-animation-name'] = 'pop';not working!
3.el.style.cssText +='-webkit-animation-name:pop'; not working!

我打开开发者工具，我看到“-webkit-animation-name”已经变成了“-webkit-animation”!

唯一的办法是:

.pop{
-webkit-animation-name: pop;
}
el.classList.add('pop');

新的 chrome 有什么问题？这是 CSS3 的某种新标准还是什么？显然，使用新方法，如果我想更改动画名称，我必须删除旧样式类，但是如果我不知道保存动画名称的样式类的名称怎么办？

Answer 1

终于!我记下来了! 只需在动画结束时删除该属性即可。

el.style.removeProperty('-webkit-animation-name');