Thursday 22 August 2013

IE10+CSS 3D Image Flip Showing Reversed Image

IE10+CSS 3D Image Flip Showing Reversed Image

I'm having a hard time with IE10 accurately rendering what I am trying to
build. Basically, I have a "card flipping" function happening, Side 1
flips to Side 2. However, in IE10 instead of showing Side 2, it is showing
a reversed Side 1. This isn't a problem in Google Chrome (I haven't tested
FireFox yet).
I believe I read somewhere that IE10 doesn't support the
backface-visibility: hidden; line, but maybe I am wrong. What can I do to
get this to work as intended?
Here is a link the the jsFiddle - Ignore the margin issue around the
image, for some reason my CSS isn't being read accurately.
Thanks in advance for your help!

No comments:

Post a Comment