- CSS Animation Weekly
- Posts
- CSS Animation Weekly #162
CSS Animation Weekly #162
So much going on this week! We'll start by exploring adding animated box shadows to elements, and building a fancy React slider. Then we have a bumper week of inspiring CSS animation demos!
♥️ Donovan at CSSAnimation.rocks
Articles

Adding shadows to elements can be a good way to help them stand out, such as on hover. Explore ways to do so without impacting performance

Codrops brings you a walkthrough of how to build a React-based slider with parallax effects
Featured

Help keep this newsletter going! So far I'm just over 50% of the way to being able to cover the monthly newsletter hosting costs, thanks to people like you pledging just a dollar per month.
Inspiration
A cute little disc swings across in this 3D toggle switch animation
This time a more pseudo-3D approach to the humble checkbox. Push that button!
Unreal what can be done with CSS! This is a pattern applied to the H1 element (which is then animated)

Squishy and tactile variable fonts make this page stand out!
Bring back skeuomorphic designs! This shiny 3D-style animated stack looks amazing 🥇
This is a cute take on the burger-to-X animation approach, introducing a bit of character
Best seen in Chrome - this uses Splitting.JS to split the text into words and animates them with a laser-style edge
A subtle and cute little animation switching between FLIP and FLOP using a 3D transform
Animation in the real world

Whales are wonderful creatures. This site does a lovely job of highlighting how amazing they are, along with stunning animations and 3D models. Check it out.