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
marc ohlsson
Courses Plus Student 8,045 PointsThe last challenge in wekit animation
It hsa you binding a bg-move animation to a body selector and tells you to give 8s duration and run after the sequence has stopped(ended) body::after{-webkit-animation-play-state: 8s infinite;}
who got it right, please help
3 Answers
Jacob Miller
12,466 PointsThe animation property's syntax looks like this: animation: name duration timing-function delay iteration-count direction fill-mode play-state;
So in the case of the code challenge, they want an 8 second duration and they want the animation to hold on the last keyframe when it's finished. So you will need to set the fill-mode value to forwards, so that it does not reset the animation at the end of the 8 seconds. Your code should look like this:
body {
-webkit-animation: bg-move 8s forwards;
}
marc ohlsson
Courses Plus Student 8,045 PointsThanks Jacob, it all makes sense now.
marc ohlsson
Courses Plus Student 8,045 PointsThanks Jacob, it all makes sense now.