transform: translate(0, 30px) 动画切换时模糊

@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;
    }
}