Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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.