CSS Animation Weekly #351

WebGL carousels, transition tricks, WebGPU and more!

A huge week of videos, articles and inspiration!

Building a WebGL Carousel with React Three Fiber and GSAP

Learn how to create an interactive 3D carousel using WebGL, React Three Fiber, and GSAP with this step-by-step tutorial.

I want to talk about WebGPU

WebGPU is the new WebGL. Expl/ore how it is poised to change how we draw not just 3D but even 2D browser visuals in this deep dive.

👀 An early look at transitioning to and from `display: none` in CSS 👀
— Una 🇺🇦 (@Una)
Apr 25, 2023

Star Struck

Amazing pure CSS & HTML artwork.

SVG moving holes animation

A simple but interesting animated trick!

That’s all for this week!