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

3 votes232 views1 answer
How to use bulma in gatsby
CSS Bulma
9 votes148 views4 answers
Css animation shorthand
CSS
66 votes158 views6 answers
Center an image
CSS
6 votes112 views2 answers
Difference between justify content and justify in grid
CSS
0 vote152 views1 answer
Sideways Left Tabs
CSS
4 votes141 views1 answer
How do i update my gatsby version?
CSS
0 vote171 views1 answer
Text below filter css using pseudo
CSS
1 vote193 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
0 vote142 views1 answer
Media queries import file
CSS
5 votes141 views5 answers
Disable text selection
CSS