Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS CSS Transitions and Transforms Adding 3D Effects with CSS Create a Flipping Animation with 3D Transform Properties

Firefox: Unreliable Rotations

When I flip my photos, it seems like Firefox thinks my cursor is leaving them, so it starts rotating back. I can manage to get it to rotate all the way at best before it rotates back to start, but most of the time it's just sort of throwing a tantrum, not knowing which way to rotate.

My code is exactly as in the video. I noticed it on the other videos dealing with these flipping cards as well.

Does anyone have any ideas to fix it?

1 Answer

Anis Shili
Anis Shili
12,787 Points

same here on safari then I switched to chrome and everything is good. I guess it is a compatibility issue with those css features.