IE10~11中animation使用scale出现闪烁问题

.appear {
    animation:appear 0.15s;
}
@keyframes appear {
    0% {transform: scale(0) ;}
    100% {transform: scale(1) ;}
}

如果使用JavaScript添加一个带有appear类的元素,在IE10~11下,元素会闪烁一下,然后在执行动画,而其他浏览器则正常。

解决方案

将scale(0)改为scale(0.01)即可

posted @ 2015-02-08 12:46  邱佳文  阅读(381)  评论(0编辑  收藏  举报