Share Posted July 25, 2012 I have had no luck getting an element to rotate, or take any transform properties, below IE9. I see documentation all over the place stating that the code works but I haven't seen a working example and can't get it to work on my own. I've tried using the CSSPlugin and the RaphelPlugin. Both with no luck and unfortunatly no errors in the wonderful ie debugger. A working example would be great if anyone has a link to one. Link to comment Share on other sites More sharing options...
Share Posted July 25, 2012 This should work: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Rotation Example</title> <script src="TweenMax.min.js"></script> </head> <body> <div id="box" style="position:absolute; width:400px; height:300px; overflow:hidden; background-color:#666666;"></div> <script> function $(id){return document.getElementById(id);} TweenMax.to($('box'), 3, {css:{rotation:360}}); </script> </body> </html> 1 Link to comment Share on other sites More sharing options...
Author Share Posted August 2, 2012 Thanks for the reply. I was using compatibility mode in IE9 and couldnt' get anything to work. I wasted quite a bit of time. I got my hands on a machine with XP and the rotation works great on a true IE8 and works in IE7 compatibility mode on that machine. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now