Jump to content


ie<9 transform issues

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

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

This should work:

<meta charset="utf-8">
<title>Rotation Example</title>
<script src="TweenMax.min.js"></script>
<div id="box" style="position:absolute; width:400px; height:300px; overflow:hidden; background-color:#666666;"></div>
function $(id){return document.getElementById(id);}
TweenMax.to($('box'), 3, {css:{rotation:360}});

  • Like 1
Link to comment
Share on other sites

  • 2 weeks later...

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.