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

CSS Stage-11 Transitions and Transforms quiz answer incorrect?

The question is "Which property can we use to increase or slow down the transition speed in its duration?". The answer it accepts is "transition-timing-function", but shouldn't it be "transition-duration"?

Hi Preston,

Treehouse is correct. The transition-timing-function controls the speed curve during a certain transition effect duration, whereas the transition-duration specifies how long it takes for the transition effect to complete.

Hope this helps. Happy Coding!

Chris

Thanks Christopher,

I still think the answer should be transition-duration or they should reword the question. The transition-timing-function property affects the acceleration and deceleration of the transition by adjusting the acceleration curve. The transition-duration controls the duration of the effect or the speed at which it happens.

2 Answers

Gari Merrifield
Gari Merrifield
9,597 Points

I agree with Preston here, the wording of the question is confusing. Nothing about the curve is mentioned, seemingly leaving the question open for a bit of interpretation.

Ken Alger
STAFF
Ken Alger
Treehouse Teacher

Preston;

You can read all about CSS transitions on the MDN site on that topic. Great detailed information.

Happy coding,

Ken