Using ScaleX / ScaleY gets blurry images on Android Native browser


#1

Hi!

When changing Size using ScaleX and / or ScaleY in my timeline animations, my visuals render blurry on Android Native browser. I know that there are fixes for this (using a small hack, see: http://stackoverflow.com/questions/15464055/css-transition-effect-makes-image-blurry-moves-image-1px-in-chrome) but this doesn’t seem to work in Hype. My guess would be that these parameters get overwritten?

Is there a way to get rid of this behaviour or am I missing something?


#2

What version of Android are you running?

One thing you may want to try is turning off ‘Use Webkit Graphics Acceleration’ in the document inspector and re-exporting. You may also want to try toggling ‘Position with CSS Left/Top’ as well.


#3

4.4.2

I’ll make a testcase later this week (I’m pushing a deadline, so for now I changed the animation to a fade in, instead of a scale in).

I’ll keep you posted!