A big week for articles! Explore how to build a custom switch component, build page transitions with cutting-edge APIs, animate in React and explore some mind-bending OGL effects.

♥️ Donovan at CSSAnimation.rocks

Articles

Building a switch component — web.dev

There are a lot of things to think about when building even simple elements such as custom switch components. This article provides a helpful walkthrough

Smooth and simple page transitions with the shared element transition API — developer.chrome.com

Experiment with the new shared element transition API to create page transitions within single-page apps

GSAP + React, First Steps & Handy Techniques

A new guide to get you going with GSAP and React

Create an Abstract Image Slideshow with OGL, GLSL, and GSAP — tympanus.net

An interesting exploration of OpenGL, shaders and GSAP animation library to create a cool slideshow effect

Inspiration

Text clip heading reveal

I love it when an animation does something subtle that makes my mind spin. Check out this smooth text transition using clip-path.

Padlock

Cool animation that would be fun in a login page

3D Volume

A lovely illusion of depth in this demo

CSS Drummer🥁

A nicely animated pure HTML/CSS drummer