- CSS Animation Weekly
- Posts
- CSS Animation Weekly #269
CSS Animation Weekly #269
This week we play with the Web Animations API, design beautiful shadows, and explore many universes š«
ā„ļø Donovan at CSSAnimation.rocks
Articles
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/1d5157a7-21db-4260-8672-3449f9feedf4/orchestrating-complexity-web-animations-api.jpg)
Sometimes you want more than what simple CSS can offer - this guide shows how to use the Web Animations API for orchestrating more complex animations
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/bcf51aea-3c38-4594-afd5-60893520bf5c/preview.jpg)
This 3D WebGL game aims to simulate multiple universes of stars. It includes a walkthrough of how the code is generated
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/cb49c977-1580-4a69-9d87-70962e261421/og-designing-shadows.png)
A great guide to designing (including some animation) better shadows on web page elements
Inspiration
A nifty little way of highlighting the current input field
Absolutely stunning little star animation, on hover and click
Lovely use of CSS shapes on this looped animation
A lot of character in this gooey hover menu
Click to send the bat signal!