what is the problem with this code

Question

hi 
this is the link for challenge,i don`t undrestand what is the problem with my code:
http://teamtreehouse.com/library/websites/css-foundations-second-edition/transitions-and-transforms/transitions-webkit-only
.box {
    border-radius: 15px;
    background: #4682B4;
  transition-timing-function:linear;
 }
.box:hover {
    background: #F08080;
    border-radius: 50%;
  -WebKit-transition:border-radious;
    transition-duration: 2s;
    transition-delay:1s;

James Anwyl · Answer

As I understand it, you need to add the transition to the .box class rather than .box:hover. The CSS should look like this:
.box {
    border-radius: 15px;
    background: #4682B4;
  -webkit-transition-property: border-radius; 
  -webkit-transition-duration: 2s; 
  -webkit-transition-delay: 1s; 
  -webkit-transition-timing-function: linear;
 }
.box:hover {
    background: #F08080;
    border-radius: 50%;
 }
Or alternatively use the short-hand version:
.box {
border-radius: 15px;
background: #4682B4;
  -webkit-transition: border-radius 2s linear 1s;
 }
Hope this helps!

Welcome to the Treehouse Community

Looking to learn something new?

bahman sadeghi

bahman sadeghi

what is the problem with this code

1 Answer

James Anwyl

James Anwyl