Box shadow

box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
// copy this

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

Box shadow

/* offset-x, offset-y, (blur-radius and/or spread-radius=optional) and color */
selector {
  box-shadow: offset-x offset-y (blur-radius and/or spread-radius=optional) color;
}

/* Example */
.test-shadow {
	box-shadow: 4px 4px 20px 0px #0000003d;
}

Box shadow

/*--- box shadow ---*/
box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);

Box shadow

box-shadow: 0px 4px 32px 1px #00000029;

-1

Box shadow

/* offset-x, offset-y, (blur-radius and/or spread-radius=optional) and color */
selector {
  box-shadow: offset-x offset-y (blur-radius and/or spread-radius=optional) color;
}

/* Example */
.test-shadow {
	box-shadow: 4px 4px 20px 0px #888888;
}

-1

Similar codes

3 votes305 views1 answer
Import font sass
CSS
1 vote254 views1 answer
Sm size website
CSS
1 vote321 views1 answer
Place-items css property
CSS
0 vote307 views1 answer
Sticky footer bootstrap 3
CSS
1 vote312 views3 answers
Css background image not working
CSS
3 votes299 views2 answers
Centralizar div no meio da tela
CSS
0 vote305 views1 answer
Scroll x css
CSS
0 vote335 views2 answers
Position relative and absolute difference in css
CSS
0 vote322 views1 answer
Bootstrap 5 carosul height set
CSS
20 votes331 views4 answers
Css list no bullets
CSS