It's Monday! That means more animation-inspired awesomeness!

♥️ Donovan at CSSAnimation.rocks

Articles

60 Days of Animation

Check out some amazing examples of CSS animation created by the author of the cool new book, CSS Animation: De-animating the Undead. It looks like a lot of fun! 🧟‍♂️🧟‍♀️

ScrollTrigger — greensock.com

New from Greensock - ScrollTrigger is a performant and easy way to trigger any sorts of actions or animations on scroll. Check it out!

Interactive WebGL Hover Effects — tympanus.net

In case you missed it in April, this article has some great advice on creating a cool interactive mouseover effect using Three.js

Inspiration

Bunny Blowing Bubbles Breathing Exercise

This is very cute and useful. Follow the bunny and take control of your breathing

How You Doin Taco

As if a taco wasn't cheeky enough

Playlist Carousel

Worth exploring how this works - a CSS-only carousel with animation

CSS blob effect

This is a nice gradient-filled blobby animation created with just CSS

Back handspring animation(with GSAP)

Do a handspring! Cool animation though in fairness I've never seen quite such a buoyant hand spring before

Send message animation

A cool SVG effect transforms the envelope to a paper plane! Neat