- CSS Animation Weekly
- Posts
- CSS Animation Weekly #271
CSS Animation Weekly #271
This week we stop worrying - ahhh - and something something box model...
♥️ Donovan at CSSAnimation.rocks
Articles
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/f38f4411-ce32-4143-aded-7f2afecfd055/box-model-animation.png)
A walkthrough of considerations when animating accordions
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/f97ee3ca-2b52-4c4e-898a-4570f001d91a/r.png)
Learn how to make fun, inspiring CSS art
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8c59cfdb-cc6d-4f76-ad42-6454c5bf4a73/KineticTypePageTransition_featured.jpg)
A concept for a kinetic typography based page transition where background letters come into the foreground and reveal a new content level
Inspiration
Multiple layers give this SVG animation depth
What's in the box!?
Some fancy transitions on this product showcase
A lovely blurry effect
Animation in the real world
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a10b4941-7f85-48f3-9cbf-cbcf9df8ce81/cover.jpg)
An amazing demonstration of animating dynamic fonts