I have problems with objects and animation in sizing. As you can see in this link www.filmstarts.de/?ad=fp_neon the title in the banner on top of the site (you might disable adblock) “The Neon Deamon” shakes while getting bigger. Only with fast animation I’ll get a smoother animation, but still shaking a bit. With slow animation it is worse.
I’m having similar issues with scaling groups that have nested elements that animate by scale. They look very stuttery in chrome but via smooth in safari not sure what gives? I haven’t found a fix yet.
The 1720px wide image may be the issue. You may be able to eliminate the stuttering if you split that image in half [quote=“saico, post:1, topic:7120”]
“The Neon Deamon” shakes while getting bigger.
[/quote]
You may have better performance using a ‘Scale’ animation – this animates only two properties, while your animation may be animating four separate properties:
That fixed it .
The ‘Scale’ Animation; the large image was not the problem.
Thank you very much. Did not think about scaling. Anoher benefit is that it scales from the center!
With the size animation you have to set the right position as well.
So Daniel, I did give the scale a test. But I must do a 3rd Transition. Top position also. And the combination of 3 Transitions makes the image stutter in alle browsers.