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

Alexey Sapozhnikov
PLUS
Alexey Sapozhnikov
Courses Plus Student 6,281 Points
Posted by Alexey Sapozhnikov
Alexey Sapozhnikov
Courses Plus Student 6,281 Points

Seems that code challenge check does not work or I do smth wrong

I put a correct property for transition and I see the right result in a preview, but when I check my work system says that it's incorrect.

Here is my code:

/* Complete the challenge by writing CSS below */

.box { border-radius: 15px; background: #4682B4; -webkit-transition:border-radius 2s linear 1s; }

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

Once I thought that probably change of background color is not requested in the task, then I got rid of this property background: #F08080; (and now it's just a blue box that transforms to a blue circle). However checker have not changed his mind...

What am I doing wrong?

3 Answers

George Cristian Manea
George Cristian Manea
30,787 Points
George Cristian Manea
George Cristian Manea
30,787 Points

you should put the transition in hover state too so when it return to the static state has a transition efect, and you should use the transition property also not just the one with webkit.

Jason Anello
PLUS
Jason Anello
Courses Plus Student 94,610 Points
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Alexey,

There isn't anything wrong with the css you have posted here. I would try again. You might need to refresh page.

You don't want to take out the background color. It should be in there but not part of the transition. Only the border-radius gets a transition. The background color would be an instant change on hover.