[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:
- Click the element in the sandbox demo to trigger the animation.
- Click the element once more to return to the previous state.
- The
rotateZtransform 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)
Source: motiondivision/motion