View profile

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 • View online
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
How to Create the VueConf Load Animation
A very thorough guide to how the VueConf SVG and CSS animation was put together.
medium.com  •  Share
When making expand and collapse effects you can use scale transforms to keep your UI performant.
developers.google.com  •  Share
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.
cssanimation.rocks  •  Share
Featured
Level Up your CSS animation skills
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.
courses.cssanimation.rocks  •  Share
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.

If you don't want these updates anymore, please unsubscribe here
If you were forwarded this newsletter and you like it, you can subscribe here
Powered by Revue