View profile

CSS Animation Weekly #28 - CSS Drawings, Hamburgers and Vue.js

Here's the latest CSS animation tutorials and inspiration from around the web. This week we're learni
CSS Animation Weekly #28 - CSS Drawings, Hamburgers and Vue.js
By CSSAnimation.rocks • Issue #28 • View online
Here’s the latest CSS animation tutorials and inspiration from around the web. This week we’re learning how to create amazing HTML and CSS artwork, animating our Vue.js and After Effects projects, and we add a new flavour to the old Hamburger menu. Enjoy!
🍔
Donovan at CSSAnimation.rocks 

Articles
A wonderfully written and thorough guide to create and animating drawings using only HTML and CSS - bookmark it! 🙌
journal.helabs.com  •  Share
Intro to Vue.js: Animations | CSS-Tricks
Intro to Vue.js: Animations | CSS-Tricks
Learning the front-end magic of Vue.js and want to know how to spice up your UI with animations? Sarah Drasner has it covered. 🔽
css-tricks.com  •  Share
Lottie
Lottie
Air BnB does some great work in open source. Here they introduce their new tool for bringing After Effects animations to the web and native mobile.
airbnb.design  •  Share
Building a Morphing Hamburger Menu with CSS | Scotch
Building a Morphing Hamburger Menu with CSS | Scotch
A slick transition converts this Hamburger menu icon into a list of options. See how it’s done in this tutorial. 🍔
scotch.io  •  Share
Get help and discounts by being a supporter
A big thank you to my supporters on Patreon! Pledge as little as $1 a month and get first access to new content, course discounts and more. Your support is appreciated.
Inspiration
A great HTML and CSS trick to create 3D-style text without any JavaScript.
codepen.io  •  Share
Loads of inspiration here on how to reward your visitors with an animation when they leave a rating 💫
codepen.io  •  Share
Cool little hover animation on this CSS animated pile of envelopes 💌
codepen.io  •  Share
A simple and cute animation showing a palette of col
codepen.io  •  Share
Part of an amazing series of animated letters from Chris Gannon - an animated SVG letter 𝓓
codepen.io  •  Share
Animation in the real world
Pixel Pioneers
Pixel Pioneers
Lovely subtle animations add polish to this conference website taking place in Bristol and Belfast this year.
pixelpioneers.co  •  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.

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