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

Lisa Kingston
Lisa Kingston
2,333 Points
Posted by Lisa Kingston
Lisa Kingston
2,333 Points

CSS Transitions Code Challenge

I'm attempting the transitions code challenge with the following CSS that works fine in the preview, but I keep getting the "Bummer, Incorrect" when I check the code...which is a bummer.

.box { border-radius: 15px; background: #4682B4; transition-property: border-radius; transition-duration: 2s; transition-timing-function: linear; transition-delay: 1s; }

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

I'm not sure what I'm doing wrong for this to be incorrect?

2 Answers

Kenneth Camilleri
Kenneth Camilleri
7,816 Points
Kenneth Camilleri
Kenneth Camilleri
7,816 Points

<p> The code is good, all you need to add is the -webkit- vendor prefix. The challenge wants you to do that so you can keep in mind that not all browsers support the unprefixed syntax just yet. </p>

<p> In .box, the added rules should look like this:

-webkit-transition-duration:2s;
-webkit-transition-delay:1s;
-webkit-transition-timing-function:linear```
</p>

(By the way, does anyone know how to line-break the code when answering forum posts?)
George S-T
George S-T
6,624 Points
George S-T
George S-T
6,624 Points

Yeah, I really want to know too!

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Kenneth and George S-T,

I'm assuming you're asking about how to do a code block rather than posting inline code like you have here.

This should help: https://teamtreehouse.com/forum/posting-code-to-the-forum

Kenneth Camilleri
Kenneth Camilleri
7,816 Points
Kenneth Camilleri
Kenneth Camilleri
7,816 Points

Thanks Jason.

Finally I know that skipping lines requires two enters, not one. Also know how to do the code blocks now. Yay!

Lisa Kingston
Lisa Kingston
2,333 Points
Lisa Kingston
Lisa Kingston
2,333 Points

Thank you so much Kenneth! As soon as you mentioned the vendor prefix I wanted to kick myself. Worked a charm. :D