Issue #343: Infinite scrolling keyframes, Glass effect and chill

Helpful tutorials and some great inspiration too!

This week’s got some helpful tutorials, fancy Three.js coding, and a chilled video lesson.

❤️ Donovan at CSSAnimation.rocks

Cool Stuff

Create an infinite-scrolling background

A beginner-friendly tutorial on using CSS keyframe animations to create an infinitely scrolling background effect.

Coding Kenta Toshikura’s Glass Effect with Three.js

Learn how to recreate the glass effect seen on Kenta Toshikura's website using postprocessing in Three.js.

An inspiring 3-minute tutorial on how to create a complex-seeming effect with very little effort!

Inspiration

Custom 3D T-shirt app

Change the colours and logo on this 3D shirt created with Three.js, React, Three Fiber, Frame Motion and Valtio!

After Dark Screensavers in CSS

Relive classic 1990s Mac and PC screensavers like Flying Toasters and Aquatic Realm, remade using modern CSS techniques like animations and transforms.

Manual Loader

Another amazing demo from Chris Gannon - a spinner that spins itself!

That’s all for now. Till next week,

Donovan at CSSAnimation.rocks