Box shadow to make border bottom

Css shadow

.yourElement {
  /* offset-x | offset-y | blur-radius | spread-radius | color */
  -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);
}

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;

Similar codes

0 vote296 views1 answer
How to remove link color from <a>
CSS
2 votes330 views1 answer
Css div overlay div
CSS
0 vote356 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
-1 vote303 views1 answer
Empty areas in the grid are defined using '.'
CSS
-2 votes325 views1 answer
Media queries iphone 11
CSS
0 vote345 views1 answer
Sticky footer not working bootstrap
CSS
0 vote301 views1 answer
Easy way raise specificity css
CSS
0 vote317 views1 answer
Flutter replacement for flatbutton
CSS
0 vote295 views1 answer
Alinhar ao centro align item css
CSS
25 votes283 views6 answers
Multiple nth child css
CSS