#2611·motion

[BUG] RotateZ not working in Shared Layout Animation

Author: paul-hellomollyCreated Apr 8, 2024Updated Sep 14, 2026
Labelsbug

**1. Read the FAQs **

Yep.

2. Describe the bug

The rotateZ transform property doesn't work on a shared layout animation.

3. IMPORTANT: Provide a CodeSandbox reproduction of the bug

https://codesandbox.io/p/sandbox/framer-motion-shared-layout-animation-with-rotatez-forked-j8ptt5

4. Steps to reproduce

Steps to reproduce the behavior:

  1. Click the element in the sandbox demo to trigger the animation.
  2. Click the element once more to return to the previous state.
  3. The rotateZ transform no longer works.

5. Expected behavior

Shared layout animation should be able to detect the rotateZ property during animation.

6. Video or screenshots

https://github.com/framer/motion/assets/96453123/527b9f35-850e-4af8-a447-0bf4bf1afa39

7. Environment details

Operating System: macOS Sonoma 14.0 Browser: Firefox 124.0.2 (64-bit)