CSS Bayangan Border Box / Kotak

Dibawah ini beberapa contoh css bayangan border box / kotak:

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;