transform: translateZ(0);
Đôi khi thuộc tính này được thêm vào để các css animation 3D hoạt động mượt hơn nhưng nó sẽ gây ra hiệu ứng phụ như trên.
Thay vào đó hãy dùng:
-webkit-font-smoothing: antialiased
Using
-webkit-transform: translate3d(0,0,0); will kick the GPU into action for the CSS transitions, making them smoother (higher FPS).
Note:
translate3d(0,0,0) does nothing in terms of what you see. It moves the object by 0px in x,y and z axis. It's only a technique to force the hardware acceleration.
No comments:
Post a Comment