Make Your Website Stand Out with HTML, CSS and Web Animations

Sheelah Brennan, Web/UI Developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
12 Lessons (1h 7m)
    • 1. Introduction

      1:00
    • 2. Introduction to CodePen

      0:20
    • 3. Background Gradients

      7:40
    • 4. Animated Hero Text

      5:54
    • 5. CSS Shapes

      7:53
    • 6. Angled Edges

      10:26
    • 7. CSS Filters

      6:21
    • 8. CSS Blend Modes

      6:04
    • 9. Bonus: SVG Animation, Part I

      8:03
    • 10. Bonus: SVG, Animation, Part II

      10:20
    • 11. Site Considerations

      2:43
    • 12. Conclusion

      0:37