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

Posted by adie bonan
adie bonan
14,670 Points

Challenge Task

My code is :

.box { border-radius: 15px; background: #4682B4; transition-property: border-radius; transition-duration: 2s; transition-timing-function: linear; transition-delay: 1s; }

.box:hover { background: #F08080; border-radius: 50%; }

..and the error message I get is "Make sure transition property is correct." What is wrong with my code? Thank you. -Ji

adie bonan
adie bonan
14,670 Points

Sorry... figured it out... forgot to put "-webkit-transition:"

1 Answer

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

The first thing I notice is that the title for the quiz/video is Transitions - WebKit only. So try pre-fixing all the transition properties with -webkit- like so

.box { 
  border-radius: 15px; 
  background: #4682B4; 
  -webkit-transition-property: border-radius; 
  -webkit-transition-duration: 2s; 
  -webkit-transition-timing-function: linear; 
  -webkit-transition-delay: 1s; }
adie bonan
adie bonan
14,670 Points

Thanks Adam.