Streaming live at 10am (PST)

3D Hover Interaction Crazy Choppy

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?

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)

No thoughts on this?

Is it just overloading the rendering ability in the browser?

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

1 Like

Nailed it @aditya! Thank you!

1 Like