- CSS Animation Weekly
- Posts
- CSS Animation Weekly #312
CSS Animation Weekly #312
Happy Monday! This week we're found some great animation tutorials and resources to get you moving...
❤️ Donovan at CSSAnimation.rocks
Cool stuff
Learn how to use CSS to create a variety of wonderful border effects
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a122ecc5-7da5-4448-accf-67b0aeefce12/hqdefault.jpg)
A step by step video guide to creating an aminated review card
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/47d51447-c11e-4af6-af37-534a014d979a/banner.png)
Collection of hand-picked free HTML and CSS button code examples
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b9808503-4461-4058-bbde-a27a361a8c98/maxresdefault.jpg)
Looking for a simple way to animate commonly used UI components? This video shows how AutoAnimate could be what you need
And now a word from...
Inspiration
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/4fdad85e-3a9a-4ea7-ab88-8fd5bcd93be8/gOeGmRN-800.jpg)
A beautiful demo of various text animations
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c9c069f1-9ef3-4936-ac8a-382383baa7b2/PoRpZPp-800.jpg)
Pure CSS, single element ice pops! Refreshing
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/915e1dc0-b373-49aa-a2a0-112d3624738f/jOZmboO-800.jpg)
A very cute sewing machine
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/823e7d82-afc5-4dc8-9c12-af9656c5ea38/xxWqzgg-800.jpg)
A 3D CSS tardigrade. Nice use of 3D CSS, and cute... I guess!