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 3-Dimensional Rotations with rotateZ() and rotate3d()

paul oram
paul oram
3,429 Points
Posted by paul oram
paul oram
3,429 Points

When the panels flip over to side-b I tried to make the button change color on hover, but this doesn't work -any reason?

.button { transition: background 1s ease-out; }

.button:hover { background: red; }

1 Answer

Steve Gallant
Steve Gallant
14,943 Points
Steve Gallant
Steve Gallant
14,943 Points

Hi Paul, The .button and .button:hover are targeted up at the top of the interactions.css file. When I changed the background value for .button:hover to red, it works fine. Maybe posting your complete code will help...

Steve