CSS Efek Bayangan Box / Border

Dibawah ini beberapa contoh CSS Efek Bayangan Box / Border:

   moz-box-shadow: 10px 5px 7px #222;
   -webkit-box-shadow: 10px 5px 7px #222;
   box-shadow: 10px 5px 7px #222;

   
   -moz-box-shadow: 0 10px 7px #222;
   -webkit-box-shadow: 0 10px 7px #222;
   box-shadow: 0 10px 7px #222;

   -moz-box-shadow: 10px 0 7px #222;
   -webkit-box-shadow: 10px 0 7px #222;
   box-shadow: 10px 0 7px #222;

   -moz-box-shadow: 0 0 7px #222;
   -webkit-box-shadow: 0 0 7px #222;
   box-shadow: 0 0 7px #222;

   -moz-box-shadow: 0 0 20px #222;
   -webkit-box-shadow: 0 0 20px #222;
   box-shadow: 0 0 20px #222;

   -moz-box-shadow: 0 0 20px #f10c0c;
   -webkit-box-shadow: 0 0 20px #f10c0c;
   box-shadow: 0 0 20px #f10c0c;

   -moz-box-shadow: 10px 5px 0 #222;
   -webkit-box-shadow: 10px 5px 0 #222;
   box-shadow: 10px 5px 0 #222;

   -moz-box-shadow: -10px -5px 0 #222;
   -webkit-box-shadow: -10px -5px 0 #222;
  box-shadow: -10px -5px 0 #222;

   -moz-box-shadow: inset 10px 5px 7px #222;
   -webkit-box-shadow: inset 10px 5px 7px #222;
   box-shadow: inset 10px 5px 7px #222;

   -moz-box-shadow: inset 0 10px 7px #222;
   -webkit-box-shadow: inset 0 10px 7px #222;
   box-shadow: inset 0 10px 7px #222;

   -moz-box-shadow: inset 10px 0 7px #222;
   -webkit-box-shadow: inset 10px 0 7px #222;
   box-shadow: inset 10px 0 7px #222;

   -moz-box-shadow: inset 0 0 7px #222;
   -webkit-box-shadow: inset 0 0 7px #222;
   box-shadow: inset 0 0 7px #222;

   -moz-box-shadow: inset 0 0 20px #222;
   -webkit-box-shadow: inset 0 0 20px #222;
   box-shadow: inset 0 0 20px #222;

   -moz-box-shadow: inset 0 0 20px #f10c0c;
   -webkit-box-shadow: inset 0 0 20px #f10c0c;
   box-shadow: inset 0 0 20px #f10c0c;

   -moz-box-shadow: inset 10px 5px 0 #222;
   -webkit-box-shadow: inset 10px 5px 0 #222;
   box-shadow: inset 10px 5px 0 #222;

   -moz-box-shadow: inset -10px -5px 0 #222;
   -webkit-box-shadow: inset -10px -5px 0 #222;
   box-shadow: inset -10px -5px 0 #222;