Css box shadow not on bottom

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);

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

Similar codes

0 vote188 views1 answer
Css column gap flex
CSS
1 vote139 views3 answers
Css hover animation text
CSS
0 vote152 views1 answer
Css horizontal line around text
CSS
8 votes170 views2 answers
Css change image width
CSS
0 vote148 views1 answer
How to background in modal css html and closee th modal with background
CSS
0 vote148 views1 answer
Css button no style
CSS
11 votes108 views1 answer
90deg rotate to left css
CSS
-1 vote149 views2 answers
How to zoom image on hover in css
CSS
0 vote143 views1 answer
Inline-block column appear higher than others
CSS
0 vote136 views1 answer
How blend two backgrounds css and isolate content
CSS