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 votes214 views1 answer
Wrap table html
CSS
0 vote177 views1 answer
Box-shadow left right and bottom
CSS
4 votes202 views2 answers
How to set text in center in flex item
CSS
0 vote178 views1 answer
Css calc vw minus px
CSS
0 vote235 views1 answer
Display elements in column css
CSS
55 votes388 views5 answers
Bootstrap 3 button
CSS Bootstrap
2 votes179 views2 answers
Css grid make all rows same height
CSS
0 vote167 views1 answer
Many pseudo selectors in css
CSS
0 vote189 views1 answer
Change font size according to screen css
CSS
1 vote171 views1 answer
Scroll-behavior not working
CSS