Streaming live at 10am (PST)

Flip cards dont work in IE11


#1

I created some flip cards on this page,

http://heard-website.webflow.io/about

I can see that the webflow generated javascript is changing the opacity of the flippped side of the tile to 1 when I inspect the element.

But IE doesnt appear to be respecting this and its draws a blank.

Works perfectly on other browsers.

Any idea of a workaround that would fall back nicely?


Here is my site Read-Only: https://preview.webflow.com/preview/heard-website?utm_source=heard-website&preview=e28130da193b55bc7c77ed727743c59f


#2

Hi @Willem_Reyners_Tay, it might be that the interactions you are using are not supported by IE, which has issues with modern css animations, transitions and flexbox (as an example).

A good place to check what advanced css features are compatible with IE is caniuse.com.

For a flip interaction, it may not be possible to render that normally in IE, you might consider adding a little custom code to display some element other than the flip card when a site visitor is using IE 11 or lower.

The animation should work in Edge browser though. Microsoft has stopped supporting IE 11, for this reason, Webflow recommends to clients to upgrade their browsers to get the best experience.

I hope this helps