Css box shadow

/* offset-x | offset-y | blur-radius | spread-radius | color */
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

Source: developer.mozilla.org

Css box shadow

#example1 {
  box-shadow: 10px 10px 8px #888888;
}

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

Source: html-css-js.com

Css box shadow

CSS BOX SHADOW: box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;

Css box shadow

// Nice and soft box shadow for every day use
box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px;

Css box shadow

border-radius: 40px;
border-bottom-left-radius: 0;


background: linear-gradient(145deg, #e6e6e6, #ffffff);
box-shadow:  20px 20px 60px #d9d9d9,
             -20px -20px 60px #ffffff;

Css box shadow

box-shadow: 0 0 10px;

Source: webfx.com

Similar codes

0 vote369 views2 answers
How to zoom picture on hover using css
CSS
8 votes396 views2 answers
Background image no repeat fill
CSS
0 vote375 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
0 vote357 views1 answer
Unhover animation
CSS
2 votes364 views1 answer
Css tricks transition
CSS
0 vote439 views1 answer
Show modal in bootstrap 4
CSS Bootstrap
0 vote398 views1 answer
White border css
CSS
80 votes393 views6 answers
Add css file to html
CSS
6 votes404 views3 answers
Position absolute horizontally center
CSS
18 votes411 views5 answers
Col-md-6 bootstrap
CSS Bootstrap