View profile

CSS Animation Weekly #265

CSS Animation Weekly #265
By CSSAnimation.rocks • Issue #265 • View online
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
Building a switch component
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
web.dev  •  Share
Smooth and simple page transitions with the shared element transition API
Smooth and simple page transitions with the shared element transition API
Experiment with the new shared element transition API to create page transitions within single-page apps
developer.chrome.com  •  Share
GSAP + React, First Steps & Handy Techniques
GSAP + React, First Steps & Handy Techniques
A new guide to get you going with GSAP and React
greensock.com  •  Share
Create an Abstract Image Slideshow with OGL, GLSL, and GSAP
Create an Abstract Image Slideshow with OGL, GLSL, and GSAP
An interesting exploration of OpenGL, shaders and GSAP animation library to create a cool slideshow effect
tympanus.net  •  Share
Inspiration
I love it when an animation does something subtle that makes my mind spin. Check out this smooth text transition using clip-path.
codepen.io  •  Share
Padlock
Cool animation that would be fun in a login page
codepen.io  •  Share
3D Volume
A lovely illusion of depth in this demo
codepen.io  •  Share
CSS Drummer🥁
A nicely animated pure HTML/CSS drummer
codepen.io  •  Share
Did you enjoy this issue?
CSSAnimation.rocks

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

In order to unsubscribe, click here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Powered by Revue