Pure CSS Animations - Make a cool button, a sliding modal, and a product page! (No Javascript)

AJ Burt, Learning is Living Better

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Lessons (29m)
    • 1. Quick Examples for Fast Learning

    • 2. What Your Need for This Class

    • 3. Animating Buttons, Background, and Text

    • 4. Take Up Less Space with Image Hover Effects

    • 5. Animated Modals with Pure HTML/CSS

    • 6. Codepen Copycat: Transforming with CSS

    • 7. Dress Up Your Animations with Cubic Bezier!

    • 8. Next Steps!

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!
  • Yes
  • Somewhat
  • Not really
Be the first to leave a review in our updated system!
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update. You are welcome to edit your old review into the new system!

68 of 69 students recommend this class
Fast and easy to follow. I learned a few other things that weren't covered too!
The course material is very useful, plus AJ is good at explaining. His thoughts are well organized, so it's also easy to follow him during the lessons.