Fancy outlines, magical particles, and learning how to make complex animations! Have a great week!

❤️ Donovan at CSSAnimation.rocks

Cool stuff

Fancy Image Decorations: Outlines and Complex Animations — css-tricks.com

Learn how to create complex animated outlines!

The magical world of Particles with React Three Fiber and Shaders — blog.maximeheckel.com

An interactive introduction to Particles with React Three Fiber and Shaders. Learn about attributes, buffer geometries, and more

How To Create Advanced Animations With CSS — www.smashingmagazine.com

A wonderful guide from Yosra Emad, creating a rollercoaster path that a ball follows using cubic beziers and CSS transitions as well as how to stack multiple simple animations

Inspiration

Stop-motion Animation GSAP — codepen.io

A cute hand-drawn style stop-motion animation on scroll

Infinite Scroll Animation — codepen.io

A simple CSS keyframe animation makes this infinite looping scroll effect work

Date slider

A neat animation between two dates! To animate your own dates, edit the 'from' and 'to' dates at line 144 of the JS pane.

Gallery Example — codepen.io

A delightfully glitchy cyberpunk-inspired gallery