This week in animation we explore some Three.js tutorials, and use CSS to create a beautiful hero header!

❤️ Donovan at CSSAnimation.rocks

Articles

Developing a Small World in Three JS — blog.bitsrc.io

A great walkthrough of how a small world of discovery was built to go alongside Metronomy’s new album, Small World

Building a Vaporwave scene with Three.js — blog.maximeheckel.com

A cool walkthrough resulting in this awesome demo https://linear-vaporwave-three-js.vercel.app/

Create a Stunning Glassmorphism Effect in CSS — www.youtube.com

A step-by-step guide to creating immersive background effects and beautiful gradient headlines, with transitions too

Inspiration

Liquid Transition Effect

A mark of a great transition is to make the point at which one item changes to another difficult to detect - this does it well

Art gallery

A neat 3D gallery

a quiet space

A contemplative view of the sky rotating overhead