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

Posted by Mustafa Kasim
Mustafa Kasim
1,938 Points

Transitions Part 2

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.

I have been trying for ages and no luck..

.border-radius: {-webkit-transition-duration: 2s; -webkit-transition-delay: 1s; -webkit-transition-timing-function: linear;}

Wh yis this wrong?

2 Answers

Adam Sackfield
PLUS
Adam Sackfield
Courses Plus Student 19,663 Points
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Almost

    .box {
         -webkit-transition: border-radius 2s linear 1s; // Shorthand Code
    }
James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Mustafa Kasim -

> create a transition for the border-radius property of .box`

You forgot about that part, I don't see any mention of border-radius in your code.

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

I do, he has mistaken it for the class.

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

I stand corrected, I don't see .box anywhere.