Marketplace
Made in Webflow

3D Animated Box Model Made With CSS Grid

2572 views
site profile thumbnail

Description

I was playing around with Webflow's CSS Grid functionality and realised that if you make a net of a box using CSS Grid, then just folded the sides together using the transform options and then use Webflow's animation abilities to rotate the element everything's in you could make a 3D box. I was playing around with this when I was making my new portfolio website so I put one of my website designs on the box.
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
3dmodelcsscssanimationcssgridboxwebsitedesignerportfolioconceptinteraction

More by Nathan Dennis

See profile
View details
Habitat Concept
109
454