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

18 votes187 views4 answers
Background color none
CSS
3 votes182 views6 answers
Input disabled css
CSS
75 votes179 views6 answers
Flexbox
CSS
-2 votes200 views2 answers
Scss how to declare variable for multiple files
CSS
32 votes164 views3 answers
Add google font
CSS
50 votes163 views5 answers
Child css
CSS
1 vote191 views1 answer
Mirror css a pseudo :after or :before
CSS
0 vote189 views1 answer
Fullcalendar react
CSS
0 vote182 views1 answer
Wow animation run in multiple times at once
CSS
13 votes212 views2 answers
Bootstrap Aligning images
CSS Bootstrap