CSS Animation Weekly #182

January 20, 2020

This week we explore the Web Animations API, indulge in some fun Vue animation components and 1.5D UI elements, before relaxing into some amazing demos!

♥️ Donovan at CSSAnimation.rocks

Push beyond what can be done with CSS and explore the JavaScript Web Animations API with this article

An amazing collection of animated 2.5D UI interaction experiments ✨

Handy Vue.js components to bring interactive animations to your projects!

Featured

Some people have asked for a discount code for this course. While I'd be happier with people paying $199 for the 4 hour+ practical CSS animation lessons, I'd much rather people weren't blocked from taking the course. So her we go, get 94% off with this link!

Inspiration

I love creative uses of the classic 3D CSS cube, and this one is particularly satisfying ∛

Another great loader example from Ana Tudor. makes use of Houdini so requires Chromium

Select a star rating to see it reflected in this nicely animated alien

A classic little colourful loading animation

A pure CSS animated Casio-style keyboard! 😻

Nice subtle parallax effect on mouse position

Some very wavy waves made with SVG and Vue 🌊

A cute little CSS ocean-in-a-bowl!

Oh hey, don't forget to bookmark this link to ensure you get 94% off my course when you're ready to get started! See you next week.