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;
--------------------------------------------------------------*/

Tags:

Misc Example