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)即可

原文地址:https://www.cnblogs.com/qs20199/p/4452272.html