Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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.