css - Blur effect on scaleX(-1) for IE 11 -

when try flip image on internet explorer 11, works flipped image loose quality , looks blurry.

.edit{ transform:scalex(-1); } 

try here ie 11 : http://jsfiddle.net/ugm23/4/

is there way fix render quality css or in way?

thanks lot!

try not use scale(-1). can rotate instead:

-ms-transform: rotate(-180deg)

this should result in same effect , not blurry... don't have ie11 test this, have try ;)