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

Transition Objective

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'm not sure how to accomplish this objective? I've watched the video over and over again but I cant seem to get it right.

2 Answers

You need to use the -webkit-transition property.

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

Nadia Brown - Now that you've given away the answer. How does that help users new to CSS learn to debug their CSS and perpare theme to create web sites in the real world?

Richard Duncan
Richard Duncan
5,568 Points

Sure I answered that very same question not two nights ago James Barnett ;) my view is that it helps through the process of reverse engineering - disassemble, analyse and re-create.

Thanks Nadia! I had the webkit transition property but was arranging it the wrong way

You're welcome Amanda. And James, my intention was to be helpful. I've struggled with a few questions in the past, and as a student who is also learning, it has helped me to see the answer, and then figure out how it works.