codepens/best-css-3d-cuboid-ever
Dym Sohin f132183c1d init 2023-10-06 23:12:53 +02:00
..
dist init 2023-10-06 23:12:53 +02:00
src init 2023-10-06 23:12:53 +02:00
README.markdown init 2023-10-06 23:12:53 +02:00
license.txt init 2023-10-06 23:12:53 +02:00

README.markdown

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.