Hide text frame from rotation animation

[Shurimas_Factory]

Hello Community :)

I made a “Rotation on hover” for my frontpage similar to this example:

Rotation on hover - Webflow interactions and animations tutorial

The main problem I have with it, there is a text centered inside my layers called (question_text) which interrupts the rotation-effect.

As an example: As soon as I am on the green surface, it triggers the effect, but when I get on the “Das Plakat ist die Königsdisziplin des Grafikdesigns!” text frame, it interrupts the rotation-animation.

Is there any way to avoid it or to hide the text frame from it?

Live Site: https://portfolio-2024-913045-a79-f3a29e35a81c0.webflow.io/
ReadOnly Site: Webflow - Copy of save the portfolio

Thanks für the answers

• Shuri

[TommyNZ (Tom King)]

You’ll want to set pointer-events to none on the “layer” element you have. It’s right at the bottom of the styles panel.

But then you’ll need to play with the buttons as those won’t be clickable either! Maybe put them in an absolutely positioned div above the element etc! There’s a few options to play around with.

[Shurimas_Factory]

Hey TommyNZ

Thanks for the solution!

For the buttons, I found an easier solution, I just had to set the whole layer to “none”, but inside the layer I was able to change the button “events” back to “auto”