box shadow bottom code example

Example 1: css box shadow not on bottom

box-shadow: 0px -8px 10px lightgrey;

Example 2: box shadow bottom only

box-shadow: 0 4px 2px -2px gray;

Example 3: inner box shadow

div {
     box-shadow: inset 0 0 10px #000000;
}

Example 4: 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);

Example 5: box shador of one border css

.myDiv
{
  border: 1px solid #333;
  width: 100px;
  height: 100px;
  box-shadow: 10px -2px 5px 0px #888;
}

Example 6: 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;
}