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

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 Videos (29m)
    • Quick Examples for Fast Learning

      0:53
    • What Your Need for This Class

      1:06
    • Animating Buttons, Background, and Text

      6:00
    • Take Up Less Space with Image Hover Effects

      6:07
    • Animated Modals with Pure HTML/CSS

      3:59
    • Codepen Copycat: Transforming with CSS

      8:50
    • Dress Up Your Animations with Cubic Bezier!

      1:59
    • Next Steps!

      0:23

About This Class

Web Animations are a wonderful way to direct a user's attention through a website and improve their overall experience. In this class, we're going to learn how to make beautiful web animations using pure CSS.

676

Students

5

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

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.

AJ Burt

Learning is Living Better

Learning is my passion. I've always pursued learning outside of traditional academic settings. I've taught myself programming, graphic design, marketing, business planning, investing, cooking, ballroom dancing, yoga, animation, and so much more without a professional teacher and by paying next to nothing. I've used this to turn my degree in anthropology to a career in business and marketing, and it's been so rewarding yet easy to do that I realized I simply had to share it with others. That's...

See full profile

Report class