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

45 votes110 views6 answers
How to remove background color in css
CSS
0 vote127 views1 answer
Animation clip path
CSS
5 votes131 views3 answers
Css box shadow not on bottom
CSS
51 votes110 views6 answers
Text overflow ellipsis css
CSS
16 votes216 views5 answers
Sass loops
CSS
14 votes118 views2 answers
Css grid command for responsive design
CSS
0 vote112 views1 answer
Centrizing a table with css
CSS
0 vote290 views1 answer
Var units = "years"; var davidAge = 65; var johnAge = 40; var ageDifference = davidAge - johnAge; alert("The age difference is " + ageDifference + " " + units);
CSS
164 votes165 views6 answers
Box-shadow css
CSS
1 vote149 views1 answer
Ion input padding left
CSS