CSS Animations

Topic # 17 of 17 in "Becoming a web developer!" progression
HTML/CSS
CSS Animations thumbnail

Updated: Feb 06, 2026

Lessons

  1. #1.Hover for making animations in CSS #1
  2. #2.Hover practice #2
  3. #3.Big buttons with hover collection #3
  4. #4.Hover.css: lots of hovers in one click! #4
  5. #5.Transition: animation basics #5
  6. #6.Transition practice #6
  7. #7.@keyframes: making real animations #7
  8. #8.@keyframes practice #8
  9. #9.W3School interactive animations guide: 3 examples #9
  10. #10.Snake loader animation #10
  11. #11.Select your input: on focus animation #11
  12. #12.Typing Text Animation #12
  13. #13.4 unforgetable cards #13
  14. #14.3 card with faces #14
  15. #15.Animate.css: lots of animations, simple use #15
CSS Animations