- CSS Animation Weekly
- Posts
- CSS Animation Weekly #310
CSS Animation Weekly #310
This week - holograms and light leaks, advanced spinners, clever CSS tricks, and loads more!
โค๏ธ 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/4fe8f757-bbf6-414c-af51-a8eceb783d33/card.png)
Get a shiny WebGL look without actually using WebGL! Also, check out how these shaders can be animated on scroll
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0d89b974-9c4b-4c7a-82b4-5c728f4543f8/hqdefault.jpg)
This video teaches two approaches to creating a spinning loading animation
A handy Twitter thread of CSS interactions and effects from famous brands
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/5ef9079a-443f-48f0-ba15-fdae9be99338/hqdefault.jpg)
Learn how to map textures to 3D objects and animated on scroll
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/66dbe611-b64f-4527-8445-f550ad2ed0e5/eYMBNpv-800.jpg)
SVG line offset animation brings this loader to life
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ec172278-0243-4552-8976-b64cfe476839/mdxRqRy-800.jpg)
Some nifty Three.JS shaders
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/45f8407c-3d2b-42e8-9904-1c22a2c88f36/BarNVNY-800.jpg)
Parallax layers bring this pond demo to life