javascript - 通过JS调用时，CSS3动画无法在Chrome中运行

我在下面的CSS中有一个页脚：-

#transFooter {
opacity: 0;
margin-left: -2000px;
}

@-webkit-keyframes transFooter {
    100% { margin-left: 0; opacity: 1; }
}

@keyframes transFooter {
    100% { margin-left: 0; opacity: 1; }
}

它使用以下代码进行动画处理：-

document.getElementById("transFooter").style.animation = "transFooter 2s forwards";

但是，它似乎无法在Chrome上运行。有什么想法吗？

最佳答案

在JavaScript中，添加：

document.getElementById("transFooter").style["-webkit-animation"] = "transFooter 2s forwards";

http://jsfiddle.net/GMb3C/

关于javascript - 通过JS调用时，CSS3动画无法在Chrome中运行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21179822/