- CSS Animation Weekly
- Posts
- CSS Animation Weekly #311
CSS Animation Weekly #311
Create stunning 3D websites, animate grids, and then even make your flight on time!
❤️ Donovan at CSSAnimation.rocks
Cool stuff
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/2cf193c0-3288-4dba-93ac-4025a09f06fc/hqdefault.jpg)
A full video guide to creating an amazing interactive, animated, and responsive 3D website
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/accf2c8c-8b0a-479f-b6ea-e55148b1959c/GridAnimation.jpg)
A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/e88fa4db-23e2-4210-94d1-3e343a7b6d32/hqdefault.jpg)
Mostly JS but with some CSS animation too in this tutorial video on creating a randomly-generated flight info board!
And now a word from...
Inspiration
A handy collection of speedy CSS animation tips from the awesome Jhey
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/07152726-2a7f-4b2c-a0f3-289df0f7eb67/mdxRBvY-800.jpg)
A handy demo of animating a total
An endless city generated using webGL
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/94dceefd-5a31-4693-a06d-cf74374249ce/MWVbdzo-800.jpg)
A simple and cute hover effect