box shadow css standard code example
Example 1: css box shadow
/* offset-x | offset-y | blur-radius | spread-radius | color */
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
Example 2: css box shadow
/*// https://html-css-js.com/css/generator/box-shadow
--------------------------------------------------------------*/
-webkit-box-shadow: 5px 5px 15px 5px #000000;
-moz-box-shadow: 5px 5px 15px 5px #000000;
box-shadow: 5px 5px 15px 5px #000000;
/*// offset-x | offset-y | blur-radius | spread-radius | color
box-shadow: 5px 5px 15px 5px #000000;
--------------------------------------------------------------*/
Example 3: box shadow css
/*
box-shadow: horizontal-offset | vertical-offset | blur-distance | spread-of-shadow | color
Horizontal offset: Negative values position the shadow to the left of the box.
Vertical offset: Negative values position the shadow to the top of the box.
Blur distance: If omitted, the shadow is a solid line like a border.
Spread of shadow: Positive value will cause shadow to expand in all directions, and negative value will make it contract.
*/
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);