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
How students rated this class
Leave Review

Watch more to review

We ask our students to watch a few lessons before reviewing to make sure we get quality feedback!

Best Suited for
 --  Beginner Intermediate Advanced Beginner/Intermediate Intermediate/Advanced All Levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Be the first!

No ratings just yet—watch a few lessons to be the first to share whether this class met your expectations.

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Be the first to leave a review in our updated system!