CSS Animation Weekly #36 - VueConf, animation performance, ThreeJS and Clocks

So much going on this week! We learn how to create the VueConf logo in SVG, we tackle the old problem
CSS Animation Weekly #36 - VueConf, animation performance, ThreeJS and Clocks
By CSS Animation Weekly • Issue #36
So much going on this week! We learn how to create the VueConf logo in SVG, we tackle the old problem of expanding and collapsing animations, take on some fun ThreeJS animation, and wind back the clocks to revisit an old classic.
♥️
Donovan at CSSAnimation.rocks

Articles
How to Create the VueConf Load Animation
A very thorough guide to how the VueConf SVG and CSS animation was put together.
When making expand and collapse effects you can use scale transforms to keep your UI performant.
A step-by-step guide to creating a cool 3D tunnel effect using ThreeJS.
codepen.io  •  Share
Building and animating a working clock using CSS to animate the hands.
Featured
Level Up your CSS animation skills
You’ve learned the basics of CSS animation and transitions, but how do you apply them to a real project? In this epic course Donovan Hutchinson leads you through every stage of building animation into a landing page, from the hero header to interactions and more.
Inspiration
A sandwich assembles itself into the logo in this bouncy animation 🥙
codepen.io  •  Share
Super cute animation - hover to see the shapes rearrange themselves ⛵️
codepen.io  •  Share
Nice folding paper effect.
codepen.io  •  Share
Get a scan from the star of Big Hero 6 👨‍⚕️
codepen.io  •  Share
A neat little layered button hover effect.
codepen.io  •  Share
This iOS-style message animation is quite lovely 📱
codepen.io  •  Share
That’s all for this week! Don’t forget that the price for the course, Level up your CSS animations skills goes up soon. Get in while it’s over 50% off!
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.