Viktor Zahov Viktor Zahov - 4 months ago 26
HTML Question

How to fix blurry Image on transform scale

When i put transform:

scale(1.1);
on hover on some element the image became blurry. How to fix this bug?

Example

enter image description here

Answer

Try this, it's work fine for me!

-webkit-backface-visibility: hidden; 
-ms-transform: translateZ(0); /* IE 9 */
-webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
transform: translateZ(0);
Comments