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

8 votes353 views5 answers
Css hover change other element
CSS
0 vote275 views1 answer
-webki slider runnable track
CSS
0 vote263 views1 answer
Css nesting
CSS
0 vote286 views1 answer
How to slide div from left to right using css
CSS
0 vote266 views1 answer
Laravel css image url
CSS
1 vote298 views2 answers
How to center topnav bar in html
CSS
2 votes358 views8 answers
Bootstrap 5
CSS Bootstrap
9 votes283 views3 answers
Css get rid of button outline on click
CSS
0 vote283 views1 answer
How to write h2so4 using html css
CSS
0 vote262 views1 answer
Morphism box shadow
CSS