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 Getting Started with CSS Transitions Transitioning Specific Properties with transition-property

Posted by David Pretlow
.a{fill-rule:evenodd;}techdegree
David Pretlow
Front End Web Development Techdegree Student 8,603 Points

At 2:35-2:42 in the Video the script of the video appears to contradict the visual. Why is the border-radius changing?

Was the browser not refreshed? He states notice how the background only is being affected, not the border radius. But the border-radius continues to transition. Then he removes the border-radius property and it works as stated. Is this a video flaw or am I missing something? thanks

1 Answer

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi David,

Guil isn't saying that the border-radius won't change, only that it will not transition over .4s. This is mentioned around 2:40 in the video

When he hovers over the button, notice that the border-radius makes an instant change and only the background takes .4s to transition.

David Pretlow
.a{fill-rule:evenodd;}techdegree
David Pretlow
Front End Web Development Techdegree Student 8,603 Points

Ah - thank you!