CSS Unused CSS Stages Transitions and Transforms Transitions - WebKit Only

Working with transitions part 2, I can not get the code challenge. I have tried both the multi line and the single code.

this is what i have for code i have also used the -webkit- code as well .box { border-radius: 15px; background: #4682B4; transition-duration: 2s; transition-timing-function: cubic-bezier(.5, -.5, .3 1.3); transition-delay: 1s; }

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

2 Answers

Hi Matthew,

It will pass with both the shorthand and the individual properties as long as you're using the -webkit prefixes.

First, the challenge requested a linear motion so you should use linear for the timing function.

Second, you did not specify which property the transition should apply to.

-webkit-transition-property: border-radius;

The default is all if you don't specify this. That means both the border-radius and the background-color will transition.

I hope this helps.

Jason Anello, Thank you for your input, This worked. You can say I have a dawah moment.