- CSS Animation Weekly
- Posts
- CSS Animation Weekly #290
CSS Animation Weekly #290
This week we're animating newly added elements, and having some much-needed diversion on the form of jumping microwaves and infinite fashion shows.
Please donate to help Ukraine if you can.
❤️ Donovan at CSSAnimation.rocks
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c4be2ebe-d685-4cb6-9fb2-901a841408c4/css-quick-tip-animating-in-a-newly-added-element.png)
A great tip to make use of CSS keyframe animations without the need for JS
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/e38165c2-8936-4507-97e1-03b4175f9425/meta.png)
(Auto-playing sound warning!) Fifty-nine seconds of delicious, electromagnetic horsepower. Fun game!
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/7364e9cf-22ec-40d9-a49b-a0b7feedd0de/cover.jpg)
(Auto-playing sound) This is amazing - a dynamically generated catwalk show
Inspiration
A very cool 3D carousel celebrating US holidays
An CSS-only & environmentally-friendly lantern festival
A great example of how complex animations can be created using Sass, variables and CSS animation
Generate a new animated fractal on each refresh!
An addictive CSS-animated spiral