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;
}
- 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.
- 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.
- O borrão de raio , se fixada em 0 a sombra será acentuada, quanto maior o número, mais borrada será.
- 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
Qual quer duvidas, posta ai nos comentários.... valewww
1 comentários:
você também pode tentar adicionar múltiplas sombras com a mesma cor de modo que a parte superior e ambos os lados são sombreados, mas no fundo não é. Como esta
.shadow{box-shadow:5px -5px 5px #ccc, -5px -5px 5px #ccc;}
Claro, você pode obter mais sofisticados, com sombras múltiplas, para obter apenas o efeito após o seu, mas isso dá-lhe a idéia.
Postar um comentário