Transforming elements via Javascript in all browsers at once can be a real pain in the ass (think vendor prefixes). Enter TranformJS:
2D and 3D transforms as regular CSS properties you can set using
.css()
and animate using.animate()
In code that basically means you can now use this:
$('#test').animate({
translateY:'+=150',
scale:'+=2',
rotateY: '+='+(2*Math.PI),
rotateX: '+='+Math.PI,
rotateZ: '+='+Math.PI
},1500);
In the back, TransformJS will translate that to the correct CSS3 properties, for all browsers.