First of all: Download jquery.csstransform.zip (12kb)
Some explanations:
Opera release version 10.50 few weeks ago, and I was happy that it supported CSS-Transformations!
But, they implemented the Javascript-access of the CSS property transform in a weird way;
If you do the following in Opera $("element").css("transform"); you'll get
a whole CSS-Transform Matrix but not the "human readable" stuff like rotation(39deg) :(
So I had to use the getComputedStyle() function available on Opera and Firefox.
But anyway I guess that if you take a look at the few lines I added, you'll understand what I've done!
Credits:
The original "jQuery Patch: Animate CSS Rotation and Scale" goes to Zachstronaut.
Example:
(click on the logo)
More:
This does only Work in Modern Browsers!! I successfully tested my script in Firefox (>= 3.6), Opera (10.50) and Chrome (I had 4.1.249.1036)
As IE doesnt support CSS-Transform, don't wonder if the example just does nothing... Anyway it should work with TransformIE which tries to port some of the features of CSS-Transformations to IE with filters... but nothing I could call a proper solution.
Bottomline:
I hope this could be usefull for some of you!
If you decide to use this in your own projects please leave Zachastronauts and my URLs in the source files, would be nice!
If you have any question feel, free to ask me (contact form is on my Website:
here [I'll answer in english, french or german, as necessary ;])!