(SOLVED) Workaround or better solution for flip animation

Design help Animations & Interactions
1

Hey fellow Webflow creators :wink:

I made a website (not my design, make sure to wear protective goggles!!) for my customer:

share link: Webflow - Norbert Schnierle

The problem:
These flipping cards (made up from collections, with this tutorial from webflow Build flip cards with transforms | Webflow University) have links on their rear side, which can’t be accessed in IE11:

ie11

This is how’s supposed to work:
normal

Unfortunately the customer’s user base uses this browser a lot.

My question:
How can I either make it work in IE11, or how – alternatively – can I show a different frontend for IE11?

I’m not a developer but I have seen that this simple but ancient way of detecting it with HTML-Snippets like <!--[if IE]> doesn’t work any more after IE9.

Or maybe there’s a better way to create the flip animation in the first place, that’ll also work with IE?

Any feedback is highly appreciated as the customer is putting pressure. Thank you!

2

In the end I solved it with a script, that shows an entirely different page to IE, using @Daniel_Schultheiss script I found here: 3d transform not working on IE10/11 - #3