- CSS Animation Weekly
- Posts
- CSS Animation Weekly #323
CSS Animation Weekly #323
This week we we explore the Shared Element Transitions API, making some beautiful clock faces, and animating classical artwork!
❤️ 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/6d9e4aaf-705c-42a3-a1d3-2aad9e5d9bae/ui-animations-shared-element-transitions-api.jpg)
Learn how the Shared Element Transitions API can be used to create impressive and elaborate UI animations easily, with four real-life examples
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/87e9d605-9035-4959-baee-8428f5d9d065/373184.jpeg)
A useful guide to making a clock in CSS and JS - with a lovely gradient effect too
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/65a5b94b-8e82-48b3-9da6-a6590497f661/TriangleDissolve.jpg)
Create an amazing looking whirlwind-like dissolving effect inspired by Mausoleum of Augustus.
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/16feb674-443b-4df7-9ca3-d40846777e27/NWMYddL-800.jpg)
This vanilla JS game is a lot of spooky fun!
We're starting to get spooky with a pumpkins challenge. Loads of inspiration here
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/65ef95a2-e7b9-44cb-9fdc-78efeda53665/poVdNbG-800.jpg)
Some neat animated spherical planets on a table. Maybe not absolutely accurate but good enough for me 🌎
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/229451a4-43cf-49a0-917e-d98c0f0bdc86/MWGevxP-800.jpg)
A neat spin on the old loaders by Chris Gannon