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 Unused CSS Stages Transitions and Transforms Transitions - WebKit Only

Working with transitions part 2, I can not get the code challenge. I have tried both the multi line and the single code.

this is what i have for code i have also used the -webkit- code as well .box { border-radius: 15px; background: #4682B4; transition-duration: 2s; transition-timing-function: cubic-bezier(.5, -.5, .3 1.3); transition-delay: 1s; }

.box:hover { background: #F08080; border-radius: 50%; }

2 Answers

Hi Matthew,

It will pass with both the shorthand and the individual properties as long as you're using the -webkit prefixes.

First, the challenge requested a linear motion so you should use linear for the timing function.

Second, you did not specify which property the transition should apply to.

-webkit-transition-property: border-radius;

The default is all if you don't specify this. That means both the border-radius and the background-color will transition.

I hope this helps.

Jason Anello, Thank you for your input, This worked. You can say I have a dawah moment.