Properties

Properties
Styling Text

Box shadow

Drop a shadow to your HTML elements using box-shadow property

You can specify a single box-shadow using the following options:

  • box-shadow can accept two, three, or four values.
    • If only two values are given, they are interpreted as OFFSET-X and OFFSET-Y values defining the distance of the box-shadow from the element. You can specify negative values.
    • If a 3rd value is given, it is interpreted as a BLUR-RADIUS and adds the blurring effect to the shadow.
    • If a 4th value is given, it is interpreted as a SPREAD-RADIUS.
  • Optionally, the inset keyword.
  • Optionally, a COLOR value.

To specify multiple shadows, provide a comma-separated list of shadows.