560 B
560 B
Best CSS 3D Cuboid Ever!
A Pen created on CodePen.io. Original URL: 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.