3D Hover Interaction Crazy Choppy

Design help Animations & Interactions
1

Hello!

I’m just trying to do a very simple 3D hover interaction over a div housing some text, but the outcome is insanely choppy. Every few seconds, it’ll show a new static angle when moving the mouse over. Any clue why it’s so rough?

webflow_problem_can_trash
webflow_problem_can_trash3108×2072 145 KB

THANKS!

https://preview.webflow.com/preview/910zen-2020-new-a1?utm_medium=preview_link&utm_source=designer&utm_content=910zen-2020-new-a1&preview=8f76e22b34ee20f11943276ba06991b0&mode=preview

Here is my public share link: LINK
(how to access public share link)

2

No thoughts on this?

Is it just overloading the rendering ability in the browser?

3

Hi @robertt8

Just went through your preview link. The issue seems to be a very tiny one, tried fixing it and it started working perfectly.

Open your “INTRO-TEXT-HOVER1” interaction, and in the “Mouse Y Actions”, you’ll notice that you have set the X rotation to 0 deg. Just get rid of that and it should become smooth instantly. Try it out and let me know if that works for you like it did for me :smiley:

Screenshot for reference:

Cheers,
Aditya

2 Likes
4

Nailed it @aditya! Thank you!

1 Like