Question

I recently came across this website http://www.smartusa.com/
This has an awesome scrolling effect and smooth scaling of elements.

Can anyone help me figure out the logic used to achieve the smooth scaling effect? Not the prallax scrolling but the scaling of the cars.

I tried jQuery.Transition.js plugin and added a scroll event but the transformation is quite jumpy. Its nowhere as smooth as the effect in the site above. I stopped queuing and reduced the duration to 10ms but still its not good enough.

Any help would be appreciated.

Answer 1

You might try TransformJS – it uses CSS3 3D Transforms (even if you only animate one or two dimensions) in order to force the browser to hardware accelerate the animations when the hardware is available.

http://transformjs.strobeapp.com/

It also integrates into jQuery nicely.