- CSS Animation Weekly
- Posts
- CSS Animation Weekly #99
CSS Animation Weekly #99
It's World Cup madness! To celebrate, we're... only featuring one soccer-related link 😅 Enjoy these summer-themed animation examples too.
♥️
Donovan at CSSAnimation.rocks
Articles
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/aa1df60f-127b-43a5-85e3-578002e93bb6/twitch_logo3.jpg)
Check out the latest from the @keyframers as they live-code animations in this World Cup themed episode
Featured
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/3ecfd655-841b-4c7d-b0c7-d52cadf4de67/rObmmDOxSYmssAWgAL3a.png)
Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials.
Inspiration
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/4578ba41-0440-4c58-a0c9-5a6606f79068/large.png)
Beautiful use of shadow and animation on this pure CSS artwork! 😴
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/3bc4419c-22af-4e61-8669-06a5c614c239/thumbnail.large.jpg)
An awesome tetrahedron demo from Ana Tudor, along with a step by step tutorial video
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c0eb261f-214f-4d14-9abb-0aa1317fe76c/large.png)
Another CSS Tetrahedron. Play with size $s to see it change
Press the button to toggle this fan on and off!
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/edc7a039-792f-4f5d-9faa-79a0efa28981/large.png)
Tempt this smiley with an ice-cream cone 🍦
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9ad0caf9-6fe3-4f99-be25-a6128a4f1964/large.png)
I love how colour filters are used to create these party emoji! 😄 ♥️ 💩
A very cute little animation on this bear's nose toggle
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/5f54b153-916c-4b88-abe0-d437090e41ae/large.png)
Scroll to see this parallax effect
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/184d67f0-f5fa-42d3-9f6d-24224d930a06/large.png)
A nice bit of character in this tooltip animation