css - Stop browser from adaptively selecting an image interpolation algorithm -



css - Stop browser from adaptively selecting an image interpolation algorithm -

during transition (or animation) scales element using transform, chrome (and perhaps other browsers) abruptly alter way interpolate image pixels.

before , after transition, chrome uses high quality interpolation looks smooth, while preserving sharpness. during animation, abruptly switches lower-quality algorithm makes image blurred, presumably optimisation maintain framerate high.

in case, abrupt switch obvious , undesirable. can utilize css request browser doesn't optimisation?

the css property image-rendering doesn't seem have property "force" high-quality rendering (the default, auto, high quality setting). firefox has optimizequality setting want, isn't supported webkit/blink.

ideally, i'm looking solution coverage of modern browsers, although ie9-era browsers can miss out.

css google-chrome css-transitions css-transforms image-scaling

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -