Edge Animate - Rotate not working in IE9

[TimKII]

Hi Guys (and girls),

 

I'm having some problems with a rotate effect in IE9.  It doesn't seem to work, the opacity is working correctly, but not the rotation.

Does anybody have any idea how to solve this?

 

This is the code (in Edge Animate) :

 

 

var element = sym.$("Container");

var front = sym.getSymbol("Container").$("front");

var back = sym.getSymbol("Container").$("back");

 

 

sym.turnAround = function(){

TweenLite.set(element, {transformPerspective:800});

TweenLite.to(front, .1, {opacity:0, delay: .24});

TweenLite.to(back, 0, {opacity:1, delay: .24});

TweenLite.to(element, 2.2, {rotationY:-180, ease:Back.easeOut});

}

 

Any help will be greatly appreciated!

 

Tim

[Carl]

Hi and welcome to the GreenSock forums.

 

This is neither the fault of EA or GSAP. IE9 simply does not support 3D transforms.

 

http://caniuse.com/#feat=transforms3d

 

Notice how on this page none of the 3D demos will work in ie9 http://www.w3schools.com/css/css3_3dtransforms.asp