- CSS Animation Weekly
- Posts
- CSS Animation Weekly #182
CSS Animation Weekly #182
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.