jQuery.animateTransform.js - Easy animate CSS3 Transform

Problem

You cannot simply do something like

$("img").animate({
    "WebkitTransform":"rotate(90deg)",
    "MozTransform":"rotate(90deg)",
    "Transform":"rotate(90deg)"
},1000);

At the moment, jQuery is not able to animate CSS3 Transform Values like rotate, translate, scale.

Solution

My Plugin does away with that problem and offers the best solution possible. In v2.0.0 the plugin hooks directly into jQuery.fx.step. That means you can use the animate-function provided by jQuery to animate CSS3 Transform-values instead of accustoming to an own function with its own syntax.

Example

$("img").animate({
    "Something":somevalue,
    "transform": {
        rotate:90,
        scale:1.5
    }
},1000);

Demo

Click me, I'm attracted to that

jQuery.animateText.js - Easy animate CSS3 Transform

jQuery.animateText.js is a jQuery-Plugin that allows you to animate CSS3 Transform values (like translate, rotate) easily. See readme for further information.