- CSS Animation Weekly
- Posts
- CSS Animation Weekly #306
CSS Animation Weekly #306
Let's explore checkboxes, magical text effects and more!
❤️ Donovan at CSSAnimation.rocks
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/bba0d990-ceaa-433c-bb0e-d883910628da/366266.jpeg)
How to create single element loaders with minimal code while using modern CSS techniques
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/be787904-dea8-4fb3-8415-3d5d70fc6dab/62955c8bdc82371283f7ae65_play3.jpg)
A fantastic tutorial on making a checkbox not boring
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/90ca20c6-b51d-4510-9436-2834d36a8b34/maxresdefault.jpg)
Learn how to make highlighted text magical ✨
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/3c8487bc-01c7-40b7-a36d-2c3540654775/t3.png)
A .net-based animation toolkit
Inspiration
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/98f6f94e-a2ed-4473-9729-0204dc444247/oNEaPNx-800.jpg)
Guess how many beans! I was off by about 50%
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/d548e1bc-335c-4655-9b87-6b7699c7ad98/KKQrGgP-800.jpg)
A subtle little animated background
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ccd13b2d-a0ff-45d4-b627-bb3d23fe6705/jOZQXRJ-800.jpg)
GSAP produces some lovely smooth staggered animations - but why not use CSS for this?