Jump to content


Divs in Z Space and IE10

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

Hey guys, so I am having good success with this demo. Thanks again for the previous help.


There are 2 things I am having trouble with now:


1. All webkit browsers display the 3D transform well. The IE7/8/9 backup works great. But in IE10 the 3D transform works but the back card fails to display.

2. The other thing is, how do I keep the current div thats flipping at the top most layer?

If you notice the 1st card at the top left. The right part of the card flips under the next card. 

Can I shuffle the z order somehow?


Thanks for any help guys

- P

Link to comment
Share on other sites



I had a similar issue just today creating a

See the Pen vjGxH by rhernando (@rhernando) on CodePen

; IE10 gave me a trouble with the backface-visivbility property, then I remembered that  I had something similar that worked with IE10.


Try changing this:

TweenLite.set(".cardWrapper", {perspective:400});

to this:

CSSPlugin.defaultTransformPerspective = 400;

In your yep() function and that should do it.


Now why IE10 has that problem with backface-visibility?, I don't now but is a browser thing related with the object being rotated and assigning a perspective value to the parent, which is widely correct except in the IE parallel universe. But the good thing is that the CSS plugin eases our pain once more  :)


Hope this helps,



Link to comment
Share on other sites

Ok thanks. I'll give that a shot today and let you know.

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.