css box hadow elevation effect code example
Example 1: css perfect box shadow
.blog-shadow-dreamy {
box-shadow: 0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07),
0 16px 32px rgba(0,0,0,0.07),
0 32px 64px rgba(0,0,0,0.07);
}
Example 2: 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;
--------------------------------------------------------------*/