Open desandro opened 11 years ago
This is also the case in IE 11.
I had the same issue on IE. I just change the css to help IE flip both cards.
background: red; }
background: blue; transform: rotateY( 180deg ); }
Since we have the '.back' card already flipped, I made two states so that IE could make the animation on both cards and It worked!!
transform: rotateY( 180deg ); }
transform: rotateY( 0deg ); }
paulekmx ! I recently got a Win 8 box to test with, but I hadn't tested this in IE yet. I've been using Linux many years almost exclusively.
Hey guys, has anyone of you had luck on solving this? Even in the latest version of IE, the back of the card doesn't actually flip. Instead, it flips the view of the front card reversing the texts like the one stated above.
I switched to this:
http://www.codicode.com/art/3d_flipping_cards_pure_css3_card_flip_plugin.aspx
Which has worked in every recent browser I have tried, including mobile browsers such as Mobile Safari, and Chrome on Android.
Since the approaches are very similar you can probably adapt it pretty quickly to what you are doing. I'm a mediocre programmer and it only took me about an hour to convert all of my code.
From Eric via email