From the course: CSS: Animation
Unlock the full course today
Join today to access over 24,400 courses taught by industry experts.
Challenge: Adding keyframes to an animation - CSS Tutorial
From the course: CSS: Animation
Challenge: Adding keyframes to an animation
- [Instructor] We've covered a lot about how CSS keyframe animations work. So for a nice followup challenge, let's change up the keyframes for the Hello animation we were working on earlier. You can use the files that you've already been working on, or the exercise files I provided for this challenge. And for this one, you can either write an entirely new set of keyframes or add an additional keyframe to what's already there. The choice is yours. This is a nice short challenge. You should spend about five to 10 minutes or so adjusting your animation. And then watch the solution video to see what I made.
Contents
-
-
-
-
CSS keyframe animation fundamentals3m 55s
-
(Locked)
animation-delay and animation-fill-mode2m 20s
-
(Locked)
A closer look at animation-fill-mode2m 34s
-
(Locked)
animation-direction3m 18s
-
(Locked)
Timing functions and easing7m 48s
-
(Locked)
The steps() timing function4m 44s
-
(Locked)
Challenge: Adding keyframes to an animation39s
-
(Locked)
Solution: Adding keyframes to an animation58s
-
-
-
-
-
-