Hi, I’m trying to make a card flip interaction so that when a user hovers over the circle, the front (with the picture) flips to show the back (with the bio). The circle currently flips but doesn’t show the back.
I’ve read other help pages, so things I’ve tried so far include:
- Making sure the parent has a perspective set
- Using a different trigger div that houses the circle that’s supposed to flip
- Using transform to move text +1px on the Z-axis to separate it from the front and back
- Setting the Z-index of the front 1px higher than that of the back
But it still doesn’t flip correctly.
If you have advice, I’d love your help!
Thank you so much!
Here is my public share link: https://preview.webflow.com/preview/iceland-57ab3a?preview=db5a8ed5c403a3c02c2a745451877a19