I’ve been trying to duplicate the content from the “Rotation on mouseover” Webflow template project (https://webflow.com/website/Rotation-on-mouseover) to no avail. I’ve exactly copied the content and recreated the interactions three times now, but it doesn’t behave the same outside of the template project.
I believe I’ve found the root issue, and it seems to be a difference in how the interactions themselves are behaving. To see what I mean, take a look at the two projects linked below.
“Rotation on mouseover - clone”: https://preview.webflow.com/preview/rotation-on-mouseover-clone?utm_medium=preview_link&utm_source=designer&utm_content=rotation-on-mouseover-clone&preview=b6c4c61b049178854cf9bfa878ae0dbf&mode=preview
“Rotation on mouseover - recreation”: https://preview.webflow.com/preview/rotation-on-mouseover-recreation?utm_medium=preview_link&utm_source=designer&utm_content=rotation-on-mouseover-recreation&preview=73ecfa503a6a4e1afd93af341afec4b5&mode=preview
The first is a direct clone of the template project. The second is a blank project into which I copied the content of the cloned project. The interaction didn’t copy over, which I understand is to be expected, so I recreated it exactly according to what is in the clone.
However, the interactions don’t behave the same! It seems to be the following issue. In the clone, the rotations are in 3D perspective. In the recreation, there’s no such 3D perspective.
I am absolutely baffled by this and at my wit’s end. Can anyone help?