- CSS Animation Weekly
- Posts
- CSS Animation Weekly #188
CSS Animation Weekly #188
Some amazing tutorials and inspiration this week! Check out Jhey's article on making animated Matryoshka dolls using nothing but some very clever CSS, learn about hero effect reveals, and build CSS-only animated nav-bars!
♥️ Donovan at CSSAnimation.rocks
Articles
Create a set of nested Matryoshka dolls in CSS!
Create a section that reveals its content when the previous element scrolls away.
🎬 A beginner's tutorial for building a Responsive Navigation Bar with CSS that includes animation, duotone icons, flexbox, and other cool tricks!
Featured
A huge thank-you to you lovely people choosing to support my newsletter. Each month you're applying a total of $24 that goes toward the running costs.
The total monthly running cost is $42 per month, so we're more than half-way there!
Inspiration
A gorgeous explanation of how you can create some cool pseudo-3D illustration starting with a humble triangle
A subtle way to add movement to a static picture of space
A nice Burns-style image zoom effect for a background carousel
A circle that morphs into a heart! ♥️
A nice hover effect on these shiny realistic buttons
It's gettin hot out here, so build a new popsicle