Sombra de bloco em CSS
box-shadow
Dado um bloco de 200 por 200.
Adicione a ele uma sombra vermelha, deslocada
para baixo em 15px, para a direita em 20px
e com desfoque de 5px.
Dado um bloco de 200 por 200.
Adicione a ele uma sombra verde, deslocada
para cima em 15px, para a direita em 20px
e sem desfoque.
Dado um bloco de 200 por 200.
Adicione a ele uma sombra interna preta,
sem deslocamentos, mas com desfoque de 5px.
Dado um bloco de 200 por 200.
Adicione a ele uma sombra interna preta,
deslocada para baixo em 3px e para a direita em
4px, com desfoque de 3px.
Dado um bloco de 200 por 200.
Adicione a ele duas sombras - uma na parte superior,
outra na parte inferior.
Dado um bloco de 200 por 200.
Adicione a ele quatro sombras de forma que cada uma
fique em um lado do bloco com deslocamento de 30px
e sem desfoque. Ou seja, uma sombra estritamente
acima, outra estritamente à direita e
assim por diante.