- CSS Animation Weekly
- Posts
- CSS Animation Weekly #309
CSS Animation Weekly #309
This week we go 3D with the loaders, creating some great grid effects, border animations and even animating a Swift app!
❤️ Donovan at CSSAnimation.rocks
Cool stuff
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b804bb62-b9a4-47d0-b726-bd2deeadc838/366544.jpeg)
The fourth in the series about loaders, and this time we're going 3D!
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/daf61eae-c56a-4f24-8c71-73c482dc626f/MakeWay_feat.jpg)
A lovely grid interaction effect where neighbouring items move aside when one is selected
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/47a48882-c716-40a2-a1a7-3ef2575c4b67/hqdefault.jpg)
A very relaxing and instructive video guide to creating animated borders!
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/7a8fa735-d242-4880-a648-991937fe1561/maxresdefault.jpg)
A full, free, 3-hour beginner-level course in creating animated UI using Swift 🪶
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/6c8e878f-e780-42e1-b080-4c5d56e923c3/gOvYEgq-800.jpg)
A very slick 3D-scrolling carousel
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/822a939f-cc35-4439-8904-2c01c386519a/zYNQGag-800.jpg)
A cute animated plane you can do tricks with (arrow keys)
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/dc90d691-618b-45cc-9e98-fbf5242e550a/jOzNQyG-800.jpg)
Gorgeous work here in the house from Up, and you can even click to see a dark mode
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0f179d16-158d-4680-baba-2950ea8d73a2/c7f611a4-1102-4fb3-988d-d22b94d7fb34.png)
A utility for Three.js-based reflections - check out the demos!