- CSS Animation Weekly
- Posts
- CSS Animation Weekly #278
CSS Animation Weekly #278
Let's create some entrancing CSS effects, explore animated favicons, learn how combustion engines work and more!
❤️ Donovan at CSSAnimation.rocks
Articles
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/16a0617b-e18a-4284-aa74-a2b0b94effd6/357565.jpeg)
Recreate Apple Music's "Spatial Audio" animation
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/be65147f-2759-403b-8ea2-04308ea69425/og-image-app.png)
Create animated favicons!
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/da146af6-2c95-4cf5-832d-fef9206ed874/358092.jpeg)
Lots of cool links to interactive 3D explainers created by Bartosz Ciechanowski
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/cfc62084-ef97-4b00-9272-51030cb99187/ribbon.jpg)
Deconstructing the ribbon animation seen on iad-lab with geometrical tricks.
Inspiration
Press the red button!
Amazing example of what can be build using simple cubes in CSS
Like the title says!
A nicely done rounded-corner 3D card hover effect using CSS