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

Posted by jerek bickford
jerek bickford
2,031 Points

Help? What am I missing?

Question: "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."

Here is what I put in however it tells me to check my timing function:

My code:

.box {
    border-radius: 15px;
    background: #4682B4;
  -webkit-transition: border-radius 2s ease 1s;
 }

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

4 Answers

Luke Atkins
Luke Atkins
5,144 Points

in your code you put -webkit-transition: border-radius 2s ease 1s. change the ease for linear because the challenge states that it needs to maintain a linear motion.

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

Post a link to the actual question please

Mjolnir Silver
PLUS
Mjolnir Silver
Courses Plus Student 14,408 Points
Mjolnir Silver
Mjolnir Silver
Courses Plus Student 14,408 Points

I believe you're referring the first challenge.

Using "linear" instead of "ease" should pass.

jerek bickford
jerek bickford
2,031 Points
jerek bickford
jerek bickford
2,031 Points

Thanks! I totally missed that. Feeling foolish for trying to run that for the past hour.