Animating clip-paths, block reveal effects, and inspiration all the way into space in this week's animations!

♥️ Donovan at CSSAnimation.rocks

Articles

Animating with Clip-Path — css-tricks.com

Learn how to make your animations and transitions even more special by animating clip paths!

Looping Block Reveal Effects — blog.prototypr.io

A thorough exploration of how we can use CSS-only and GSAP approaches to animating block-reveal effects

Featured

Got a product, service, course or something you'd like to see here? Get in touch and we can work something out! Alternately, if you'd like to keep this email ad-free, check out this Patreon to support CSS animation directly!

Inspiration

Pure CSS Donut & Ice Cream Animations

Which do YOU prefer? 🍩 vs 🍦

ReboundGen

A handy selection of hover effects from Chris Coyier!

Torus loader

Lovely subtle shading makes this torus / infinity loader super nice

CSS open store animation

Loads of subtle animations and reveals in this stunning shop-themed loader

#codevember 04 - sky: Clouds

Amazing cloud effect ☁️

Comet

This webGL comet could as easily represent a nuclear reaction. Cool animation!

Pure CSS animated rocket

Start and launch this rocket 🚀

Animation in the real world

Explore the mind-boggling moons of our solar system — www.nationalgeographic.com

Lovely scroll-triggered animations in this exploration of moons 🌝