I’ve used 3D transforms to create ‘flip cards’ which work fine in Google Chrome but not in Firefox or IE.
In Firefox the cards flip but not in a ‘3D space’, just ‘flat flip’ and when the cards flip I can still see the info from the front card showing through.
In IE, the cards flip but not in a ‘3D space’, just ‘flat flip’ and when the cards flip I don’t see the info on the back card, only the front card reversed!
I’d be interested to know if this is happening for other people.
Here’s the live site: http://webfonicsolids.webflow.io/
(You can click on each card and flip it or use the ‘Flip’ button, top right to flip all.)
The site is only built for desktop! Mobile and tablet versions are not designed yet.
I’m not sure if this is something I have done or not done or if it’s a general problem with 3D transforms in Firefox and IE - Webflow is built for Chrome after all! Any information or advice would be greatly appreciated!