16 lines
560 B
Markdown
16 lines
560 B
Markdown
|
# 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**.
|