CSS Animations

Let’s Have Fun!

Why would you want to learn something boring, why not learn about raining cats, dogs, and unicorns! You will find examples of fun animations that you can take away with you in your projects. Each one of the lessons will have an associated codepen so you can fork the example and keep it for yourself!

Lessons

Feedback

Round Loading Indicator

In this video we review the opacity property.

Buttons

Material Hamburger Button

More info in course.

Material Checkbox without Material

In this lesson we create a checkbox that transforms into a checkmark just only css.

3rd Party Libraries

JavaScript Confetti library

JavaScript Confetti library 💥 Supports emojis as confetti⚡️ Zero dependencies used🦄 Works without any config, yet configurable🛠 Has TypeScript typings🧩 Confetti speed adapts to user screen width.