动画是平移效果,当平移时,文字位置会发生变化,这是文字块的css。
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
will-change: transform;
当加上will-change: transform;这个属性时,文字抖动就会消失,这段代码的作用为will-change
属性来预定义元素的变化,以避免重排。