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

7 votes154 views6 answers
Css animation loop
CSS
0 vote183 views1 answer
How to center an overlay button using css transform and translate
CSS
2 votes230 views3 answers
Horizontal Scrolling Bopostrap CSS
CSS
0 vote228 views1 answer
How to change the position of a button in css
CSS
0 vote165 views1 answer
Responsive typography
CSS
0 vote149 views1 answer
Css code for increasing size
CSS
0 vote227 views1 answer
Profile page html css template
CSS
0 vote151 views1 answer
Text align left in span
CSS
0 vote154 views2 answers
Position relative and absolute difference in css
CSS
0 vote182 views2 answers
Fix materialize form label not working
CSS