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

1 vote190 views1 answer
How to wrap the data in table material UI
CSS
0 vote211 views1 answer
Css loading spinner with text
CSS
2 votes179 views1 answer
Space between li css
CSS
5 votes203 views3 answers
Npm 'cross-env' is not recognized as an internal or external command
CSS
8 votes164 views3 answers
Bootstrap 4 center image
CSS
60 votes173 views5 answers
Rotate div css
CSS
1 vote165 views1 answer
Css stylistic alternates
CSS
0 vote188 views2 answers
Css wavy line
CSS
8 votes228 views4 answers
Css dark mode
CSS
33 votes180 views6 answers
Git reset head
CSS