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

By CSS Animation Weekly • 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

Pocket Guide to CSS only Drawings and Animations

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

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

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

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

CSS 3D Alternating Text

A great HTML and CSS trick to create 3D-style text without any JavaScript.

codepen.io • Share

Ratings Inspiration

Loads of inspiration here on how to reward your visitors with an animation when they leave a rating 💫

codepen.io • Share

A Pile of Envelopes

Cool little hover animation on this CSS animated pile of envelopes 💌

codepen.io • Share

Color Palette with Pure CSS Animation

A simple and cute animation showing a palette of col