百度说这样做:
在该动画的transform里加上translateZ(0)值, 能解决文字抖动的问题,但是没解决文字模糊的问题。
在发生文字模糊的地方加上transform: translate3d(0,0,0),解决文字模糊以及的问题。
最后,我还是用定位实现了原本的效果:
替换成了:
.new14 .ui_mid3{
position: absolute;top: 0;height: 100%;transition: all .5s ease;}
.new14 .ui_mid3:hover {
top: -5px;}
图示(92.03):