.appear {
animation:appear 0.15s;
}
@keyframes appear {
0% {transform: scale(0) ;}
100% {transform: scale(1) ;}
}
如果使用JavaScript添加一个带有appear类的元素,在IE10~11下,元素会闪烁一下,然后在执行动画,而其他浏览器则正常。
解决方案
将scale(0)改为scale(0.01)即可
.appear {
animation:appear 0.15s;
}
@keyframes appear {
0% {transform: scale(0) ;}
100% {transform: scale(1) ;}
}
如果使用JavaScript添加一个带有appear类的元素,在IE10~11下,元素会闪烁一下,然后在执行动画,而其他浏览器则正常。
将scale(0)改为scale(0.01)即可