😄 A fun tool to experiment with CSS 3D Transforms, Grid and Flexbox.
| Property | Purpose |
|---|---|
PV |
Defines a perspective view for a 3D transformed element |
RotateX |
Rotates an element around its X-axis at a given degree |
RotateY |
Rotates an element around its Y-axis at a given degree |
RotateZ |
Rotates an element around its Z-axis at a given degree |
SkewX |
Skews an element along the X-axis by the given angle |
SkewY |
Skews an element along the Y-axis by the given angle |
ScaleX |
Resizes an element along the X-axis |
ScaleY |
Resizes an element along the Y-axis |
| Property | Purpose |
|---|---|
Align Content |
Aligns the grid along the block (column) axis |
Justify Content |
Aligns the grid along the inline (row) axis |
| Property | Purpose |
|---|---|
Align Items |
Specifies the default alignment for items inside the flexible container |
Justify Content |
Aligns the flexible container's items when the items do not use all available space on the main-axis |
MIT