I have a problem where adding an CSS Animation to an PNG image causes a dramatic reduction image rendering quality.
I have a div containing three seperate PNG's, and when adding an animation to any of the images, the quality is reduced on all the images.
The animation contains a transform rotate, but adding this to the images alone (outside the animation keyframes) does not cause the drop in quality. I have also tried to remove all other transforms applied to the parent elements of the images and removing other properties such as perspective, and this does not help. The drop in quality is only when adding the animation.
I'm seeing this in Chrome, and the way the image looks is exactly how it looks when image rendering: -webkit-optimize-contrast is added.
Has anyone else come accross a similar problem?