Hover effect not working on Flip Box

Design help Animations & Interactions
1

Hi! I’m trying to create a flip-box effect, and I’m following the tutorial here Build flip cards with transforms | Webflow University

I have it mostly set up, but when I hover the mouse in the corners of the box, the interaction doesn’t complete fully and it bugs out. Any ideas on how to make sure the interaction fully plays out even if the mouse is only hovering in the corner of the box?

Thanks!

Here is my public share link: http://pauls-trendy-project-9c0e19.webflow.io/

https://preview.webflow.com/preview/pauls-trendy-project-9c0e19?preview=71c3cbdbcfe775a9ce5177de0aa12763

2

I figured out what I was doing wrong. I had the interaction set up on the flip-card itself. Instead, I created a wrapper using a div block and nested the entire card in that, then put the interaction on the wrapper.

1 Like