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 vote157 views1 answer
Break table for printing
CSS
0 vote211 views2 answers
Make all images same size bootstrap
CSS Bootstrap
-1 vote187 views2 answers
Insert image by css
CSS
73 votes154 views6 answers
Flexbox in css
CSS
115 votes152 views6 answers
Css padding
CSS
0 vote182 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
0 vote149 views1 answer
Media screen tablet
CSS
18 votes156 views3 answers
Css center alignment
CSS
4 votes111 views1 answer
Grid mdn
CSS
0 vote152 views1 answer
Install wrangler
CSS