Apr 18, 2022

CSS Animation Weekly #297

By CSSAnimation.rocks • Issue #297 • View online

All about the 3D this week, with tutorials own making an amazing portfolio, a shoe configurator, 3D paper pirouette and even ray-tracing with Three.js!

❤️ Donovan at CSSAnimation.rocks

Build a Mindblowing 3D Portfolio Website

A great tutorial on how we can use Three.js to build an amazing 3D website

www.youtube.com • Share

3D model configurator with React Three Fiber and gltfjsx

A very cool coding tutorial on how to make a configurable 3D shoe!

www.youtube.com • Share

➰📃 Paper Pirouette

A CSS-only 3D tutorial from the @keyframers

www.youtube.com • Share

three-gpu-pathtracer

Ray tracing utility for Three.js! Lots of great demos

gkjohnson.github.io • Share

While you’re here, don’t forget you can buy me a coffee ☕️

Inspiration

Checkbox Animations With Indeterminate State

An excellent example of animated checkboxes

codepen.io • Share

Flipping Squares

A fun twist on the old 3D CSS cube idea

codepen.io • Share

Expanding flex cards

A nice alternative to a carousel for multiple photos

codepen.io • Share

You can support this newsletter

Did you know you can help me keep this newsletter ad-free? Yes! All you need to do is buy me a coffee!

Did you enjoy this issue?

By CSSAnimation.rocks

CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue.

Tweet

Share

In order to unsubscribe, click here.

If you were forwarded this newsletter and you like it, you can subscribe here.