This week we're looking at Three.js text outline animations, generating 3D cubes, and lots of scroll-related animations!

♥️ Donovan at CSSAnimation.rocks

Text Outline Animation with Three.js — tympanus.net

[VIDEO] Learn how to code the text outline effect seen on cornrevolution.com using Three.js with some GLSL

CSS 3D Cube and Box Generator

This 3D cube generator is super handy!

Featured

Scroll animations - CSS Animation — cssanimation.rocks

Bake your own scroll animations using requestAnimationFrame and will-change

Inspiration

Three Neon Squares

Sometimes I am genuinely amazed by what can be achieved with just HTML and CSS. Here's some amazing cyberpunk-style neon squares

Mole in a Hole

Lots of small detail makes this GSAP-based demo really shine

A Very Wobbly Liquid SVG Button ✨

Crazy effect for a button but certainly eye-catching

Scroll with ropes and wheels

Intriguing demo showing accelerating ropes and pulleys on scroll

Scrolling Microinteraction

A nicely snappy little scroll-jack with animated image squares