LoginGet started — it’s free
Made in Webflow

3D Animated Box Model Made With CSS Grid

Clone in Webflow84
Nathan Dennis's avatar
by Nathan Dennis
2k
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
Travel Blog - Daily Rebuild #1
92
158
© 2022 Webflow, Inc. All rights reserved.