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
Matthew Perkins
6,488 PointsWorking 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
Jason Anello
Courses Plus Student 94,610 PointsHi 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.
Matthew Perkins
6,488 PointsJason Anello, Thank you for your input, This worked. You can say I have a dawah moment.