- CSS Animation Weekly
- Posts
- CSS Animation Weekly #305
CSS Animation Weekly #305
Happy Monday! This week we're creating ripples, hover effects, and a load of excellent inspiration.
❤️ Donovan at CSSAnimation.rocks
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9ae8d02e-0002-4b24-9857-49b06f6133da/maxresdefault.jpg)
A helpful video from Kevin Powell on how to create a dynamic ripple effect on button tap
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/716bc6fe-edc5-4696-9570-658c49b664be/365946.jpeg)
Lots of cool hover effects
Inspiration
A collection of scene transitions!
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/26fad16c-fb86-4847-bb33-fa501bd104fa/QWQVOZV-800.jpg)
A lovely smooth CSS-only expanding gallery
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/2c16e7f5-ae8b-489e-9e51-5af22545197f/WNMaLqq-800.jpg)
A nice use of the classic CSS 3D cube
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9043db22-88bd-4bbe-880e-3d965f4962f3/poaxOPB-800.jpg)
Try throwing this grid to see it scroll infinitely. A cool way to explore infinite lists of items?
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0ad8e14a-15ba-46e1-a967-96e96fe444d8/NWyexgY-800.jpg)
A neat mouse-moving Three.JS cube
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/dadca56f-bcbd-4ca0-880d-efbfc089a64e/gOGpKqM-800.jpg)
hello!
You can support this newsletter
But you absolutely don't have to! However if you feel like it, I'd very much appreciate it if you buy me a coffee and support this newsletter!