Using transform: scale results in blurry images

it works if you reset the blur filter in safari:

-webkit-filter: blur(0px); 

example for all browsers:

filter: none; 
-webkit-filter: blur(0px); 
-moz-filter: blur(0px); 
-ms-filter: blur(0px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');

hope it helps

For anyone who didn't find the accepted answer useful, adding this on the parent container worked for me:

transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);