Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
cohrs

ie<9 transform issues

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:

<!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>

  • 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.
×