@keyframes moveTop{
0%{-webkit-transform: translate(0,30px);opacity: 0;}
100%{-webkit-transform:translate(0,0);opacity: 1;}
}
transform: translate(0, 30px) 动画切换时模糊 先模糊再到清晰
解决办法:
@keyframes moveTop{
0%{
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transform: translate(0, 30px) scale(1.0, 1.0);
opacity: 0;
}
100%{
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transform: translate(0) scale(1.0, 1.0);
opacity: 1;
}
}