Streaming live at 10am (PST)

Hover effect not working on Flip Box


#1

Hi! I’m trying to create a flip-box effect, and I’m following the tutorial here https://university.webflow.com/article/3d-card-flip-animation

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.