jQuery.fn.webkitTransform(): Banana HTML5 project

Franz Enzenhofer created a webkitTransform plugin "the banana project for advanced HTML5 browsers" that helps you manage transforms and state:"With jQuery.css you can't easily change webkitTransform CSS because webkitTransform isn't your average CSS. If in one step you add .css('-webkit-transform', "rotate(20deg)") and in next step .css('-webkit-transform', "scale(2.0)") the rotate value gets reset, as you've rewritten […]

Franz Enzenhofer created a webkitTransform plugin "the banana project for advanced HTML5 browsers" that helps you manage transforms and state:

"With jQuery.css you can't easily change webkitTransform CSS because webkitTransform isn't your average CSS. If in one step you add .css('-webkit-transform', "rotate(20deg)") and in next step .css('-webkit-transform', "scale(2.0)") the rotate value gets reset, as you've rewritten complete -webkit-transform CSS value.

You could use WebKitCSSMatrix javascript element, but it's currently buggy, not consistently implemented and a pain to use. Additionally you can't just retrieve '-webkit-transform' css with .css('-webkit-transform') as this just gives a matrix code.

Our goal with webkitTransform() was to fix this problem. With it, every element you assign webkit-transform css with can be edited in a simple way, without resetting every other -webkit-transform values."

More Info: Banana

[Source]