https://moderncss.dev/

Review the four best supported CSS math functions, CSS custom properties.

Z-index Example

An element with greater stack order is always above an element with a lower stack order.

Black box (z-index: 1)

Gray box (z-index: 3)

Green box (z-index: 2)

This div element is skewed 20 degrees along the Y-axis.

This div element is skewed 20 degrees along the X-axis.

Linear Gradients

Radial Gradient - Differently Spaced Color Stops

Conic Gradient - 5 Color Stops