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
Adrian Pineda
13,778 PointsHaving a really hard time with transitions exercise
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.
.box {
border-radius: 15px;
background: #4682B4;
-webkit-transition: margin 2s, linear 1s;
transition: margin 2s, linear 1s;
}
How far off the mark am I here? Thanks, Aaron
4 Answers
Dave McFarland
Treehouse TeacherCheck the values in your transition properties. There should be no commas in the value list:
transition: margin 2s linear 1s;
Adrian Pineda
13,778 PointsThanks for the help Dave. I tried this, .box { border-radius: 15px; background: #4682B4; -webkit-transition: margin 2s linear 1s; transition: margin 2s linear 1s; } still not working. Any thoughts?
Dave McFarland
Treehouse TeacherYou're using the wrong property -- margin -- the code challenge is asking for you to add the transition to the border-radius property.
Adrian Pineda
13,778 PointsGot it! Thanks for the help Dave!