- CSS Animation Weekly
- Posts
- CSS Animation Weekly #246
CSS Animation Weekly #246
This week we explore some magical 3D button styling, swipey grids, and tilt-y cards!
♥️ Donovan at CSSAnimation.rocks
Articles
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/a3568c17-b5d0-4f04-a454-969828004abe/og-3d-button.png)
Make a nice 3D-style button with some CSS animations
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c17d17fa-3f4f-4f4f-be07-52f9f15650d5/grid.png)
Excellent tutorial on creating SVG images that use a swipe-reveal. Includes cute dogs too!
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/2505d88c-6408-4e7b-a8e9-f8907ac54154/1_exKEw2TkvaV2RA4lmC43EA.png)
Make your cards, or any plain object, stand-out with this quick JavaScript tutorial
Inspiration
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/217c77de-39e6-4c62-80fe-10d7de772272/screenshot.png)
Lovely little simulation of water and a boat
Blur and smart use of background gradients in this photo-tearing demo!
A subtle star effect when clicking on the button
So many cool SVG animations, hover effects and randomised styles