# Best CSS 3D Cuboid Ever!

A Pen created on CodePen.io. Original URL: [https://codepen.io/ShadowShahriar/pen/rNGJNwy](https://codepen.io/ShadowShahriar/pen/rNGJNwy).

How many `<DIV>`s do we need to make a cube? 🤔

Seven? Six? Probably three?

NO.

Two `<DIV>`s are enough not only to make a cube but also to make a flexible cuboid.

Here is a demo pen showing how we can do that 😄

> Some of you probably noticed the flow direction of base gradients is from **left to right**. Similarly, the flow direction of side gradients is from **bottom to top**.