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

Jeff Mathis
Jeff Mathis
3,935 Points
Posted by Jeff Mathis
Jeff Mathis
3,935 Points

Help with this code challenge please

Using the prefix for WebKit-based browsers, create a transition for the border-radius property of .box. Give the transition a duration of 2 seconds, a delay of 1 second, and a timing function that maintains a linear motion......... Here is the code given ***/

.box { border-radius: 15px; background: #4682B4; }

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

***/

5 Answers

Jacob M.
Jacob M.
5,122 Points 
/* 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%;

}

That should work.

Alyssa Gowan
Alyssa Gowan
46,260 Points
Alyssa Gowan
Alyssa Gowan
46,260 Points

Did you remember your -webkit- prefix? Or do you need help figuring out what to do?

Jeff Mathis
Jeff Mathis
3,935 Points
Jeff Mathis
Jeff Mathis
3,935 Points

yes i used the webkit prefix! This is what I am trying....... ***/ .box { border-radius: 15px; background: #4682B4; -webkit-transition-duration: 2s, 1s, linear; }

***/ Im really lost as far as this one goes lol :)

Alyssa Gowan
Alyssa Gowan
46,260 Points

Check out this link. Maybe it will help you out :)

Jeff Mathis
Jeff Mathis
3,935 Points
Jeff Mathis
Jeff Mathis
3,935 Points

still having no luck with the challenge..... have tried all the examples and believe im doing everything correct. Would you wanna try the challenge and see if you can get a different result?

Jeff Mathis
Jeff Mathis
3,935 Points
Jeff Mathis
Jeff Mathis
3,935 Points

Hey thanks man ! i was stuck on that one for a while. YOUR THE MAN