Lots to see this week! Animating smart shadows, smooth navigation highlighting, and crazy Three.js textures.

♥️ Donovan at CSSAnimation.rocks

Articles

Creating Colorful, Smart Shadows — www.kirupa.com

Learn how to create a shadow effect that inherits some of the colours from the foreground element

Smooth Scrolling Sticky ScrollSpy Navigation

Cool demo showing how CSS can be used to highlight the current section of a navigation list

Noisy Strokes Texture with Three.js and GLSL — tympanus.net

[Video] Learn how to code up the noisy strokes effect seen on the website of Leonard using Three.js and GLSL.

Featured

Animation Principles for the Web — cssanimation.rocks

Revisit the fundamentals with this article in which we demonstrate animation principles, complete with pure CSS and HTML animated examples

Inspiration

Koi Fish & Water Lily

Cute movement as the koi fish follows where you click

Pyramid of the Sun

We see a lot of CSS cubes but how about this... a nice pure CSS implementation of a pyramid

Breathing grid

Cool use of cube heights to give a staggered "breathing" effect

Codepen Challenge: Sea Creatures

Gorgeous undersea creature