CSS Animation Weekly #31 - CSS variables, transitionend, Search UI ideas

A mix of technical learning and gorgeous inspiration this week. Learn how CSS variables can help our
CSS Animation Weekly #31 - CSS variables, transitionend, Search UI ideas
By CSS Animation Weekly • Issue #31
A mix of technical learning and gorgeous inspiration this week. Learn how CSS variables can help our transforms, the nuances of “transitionend” events, and be inspired.
♥️
Donovan at CSSAnimation.rocks

Articles
A guide to creating a day/night keyframe animation. Created by a CSS Animation 101 student! 
Ever struggled to understand the chains of transforms? Dan Wilson shows how we can use CSS variables to allow for more fine grained control.
Respond to the end of animations better with this JavaScript event.
Your current search approach feeling a bit old and boring? Try these cool ideas from Codrops.
Inspiration
Start your morning with some freshly built toasty SVG goodness. 🍞
codepen.io  •  Share
3D cubes and transform combined into a slick wavy animation 🌊
codepen.io  •  Share
Cute animation created using GSAP. Click the heart ♥️
codepen.io  •  Share
Nicely built rainbow-background spinner, build using one element and a little bit of Sass math.
codepen.io  •  Share
Nice little example of how a button can “pop up” using a little animation.
codepen.io  •  Share
Animation in the real world
London based Fox Créateur is full of lovely animations and artwork.
Did you enjoy this issue?
CSS Animation Weekly
CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue.
Carefully curated by CSS Animation Weekly with Revue. If you were forwarded this newsletter and you like it, you can subscribe here. If you don't want these updates anymore, please unsubscribe here.