How to fix blurry Image on transform scale

Here is the simple solution to fix blurry Image on css3 transform scale. Add the following css for your img tag.

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

If you liked our work and effort then please consider to make a kind donation.