Box bottom shadow css

Box shadow to make border bottom

 -webkit-box-shadow: -2px -1px 15px 7px rgba(0,0,0,0.5);
  -moz-box-shadow: -3px -2px 30px 14px rgba(0,0,0,0.425);
  box-shadow: -4px -3px 45px 21px rgba(0,0,0,0.35);

Inner box shadow

div {
     box-shadow: inset 0 0 10px #000000;
}

Css box shadow not on bottom

box-shadow: 0px -8px 10px lightgrey;

Box bottom shadow css

.box-bottom-shadow {
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

Source: css-tricks.com

Css box shadow

box-shadow: 0 0 10px;

Source: webfx.com

Similar codes

28 votes155 views3 answers
Google font roboto
CSS
126 votes165 views7 answers
Css box shadow
CSS
35 votes167 views4 answers
Css nth element
CSS
1 vote148 views1 answer
Css remove whitespace around element
CSS
12 votes156 views3 answers
Sticky header css
CSS
0 vote145 views1 answer
How to install tailwind css in html
CSS
-1 vote142 views1 answer
Jest to handle css
CSS
44 votes164 views6 answers
Gradient color css
CSS
4 votes151 views6 answers
Css grid
CSS
1 vote197 views1 answer
Vue import css scoped
CSS