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
David McGraw
Courses Plus Student 9,711 PointsI'm stuck! Any tips?
This is my code:
<code> .box { border-radius: 15px; background: #4682B4; -webkit-transition-property: border-radius, background; transition-duration: 2s, 1s; transition-timing-function: linear;
} </code>
3 Answers
Moss Bridger
17,349 PointsThe clue is in the question:
Using the prefix for WebKit-based browsers, create a transition for the border-radius property of .box.
So make sure to include the -webkit- prefix for your transition properties ie. -webkit-transition-property, -webkit-transition-duration, etc...
Also, you've included the background property of .box when we are only looking to create a transition for the border-radius property.
Hope that helps!
David McGraw
Courses Plus Student 9,711 PointsHi Moss,
Thank you for responding to me, I tried every way possible and what I found out that I was missing was that the challenge is for WebKit-based browsers only, and I was using Moz as my browser, I even tried using the -moz- prefix and it would work, but it not allow me to pass the challege.
As soon as I switched to Chrome, and used the WebKit prefix I was able to pass the code with no problem what so ever.
Thank you for the help!
David McGraw
Courses Plus Student 9,711 PointsHi Moss,
Thank you for responding to me, I tried every way possible and what I found out that I was missing was that the challenge is for WebKit-based browsers only, and I was using Moz as my browser, I even tried using the -moz- prefix and it would work, but it not allow me to pass the challege.
As soon as I switched to Chrome, and used the WebKit prefix I was able to pass the code with no problem what so ever.
Thank you for the help!