Posted 2019-10-18 with tags CSS, box-shadow

.the-best-box-shadow {
    -moz-box-shadow:    5px 5px 2px 2px #EFEFEF;
    -webkit-box-shadow: 5px 5px 2px 2px #EFEFEF;
    box-shadow:         5px 5px 2px 2px #EFEFEF;
}
  1. Horizontal offset: positive means shadow will be to the right of the box, and negative values to the left of the box.
  2. Vertical offset: positive means shadow will be below the box, and negative values above the box.
  3. Blur radius (optional): higher values increase bluriness of the shadow (minimum/default 0 for a crisp shadow).
  4. Spread radius (optional): higher values increase the size of the shadow; negative values reduce the size.

  Tags: