CSS Box Shadow.

CSS Box Shadow.

Usado em sombras off elementos nível de bloco (como divs).




.shadow {
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}

1. O deslocamento horizontal da sombra, positivo significa que a sombra vai estar à direita da caixa, um deslocamento negativo vai colocar a sombra do lado esquerdo da caixa.
2. O deslocamento vertical da sombra, um valor negativo significa que a caixa de sombra será acima da caixa, um positivo significa que a sombra vai ser abaixo da caixa.
3. O borrão de raio , se fixada em 0 a sombra será acentuada, quanto maior o número, mais borrada será.
4. Cor

Exemplo

.shadow {

   -moz-box-shadow:inset 0 0 10px #000000;

   -webkit-box-shadow:inset 0 0 10px #000000;

   box-shadow:inset 0 0 10px #000000;

}

Exemplo