- CSS Animation Weekly
- Posts
- CSS Animation Weekly #308
CSS Animation Weekly #308
This week we explore some beautiful light rays, creating particle galaxies, animated page transitions, and loaders!
Cool stuff
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a0c5f48f-a6f4-4f63-b3e8-804d00e29d7f/maxresdefault.jpg)
Yuri bringing us another awesome tutorial from Ukraine πΊπ¦ - this time a cool light rays feature
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/4316a2a9-ad60-4b14-918a-70a4f5a390b0/galaxy.jpg)
Watch this coding session and learn how to recreate a galaxy made of particles π
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b48cb223-fffc-462f-9d30-ee1b03c896d1/main.jpeg)
A tutorial on using Framer Motion to animate route changes in Next.js
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ae5ff35c-2c40-4fec-be6c-a7018ef04f59/366526.jpeg)
I do love simple loader animations. This article focuses on animating bar shapes
Inspiration
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ab11118b-e5c1-44f7-b97f-900fed695441/eYVqoxd-800.jpg)
Island β codepen.io
A very cute floating 3D island made with ThreeJS
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/2031720e-23bd-4bb4-a367-1bada689cb86/zYRyaaN-800.jpg)
The lighting effect that transitions in on these buttons is amazing
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/db2fca18-a227-4030-b6dc-1f483ae949bb/og-100_mvbgru.jpg)
Some amazing particle effects combined with video