Para que serve o text shadow? Leia mais: Como usar o text Shadow
A forma mais simples de declaração de sombra CSS resume-se à definição de dois valores para a propriedade 'text-shadow': uma cor (tal como #333 que usamos no exemplo anterior) e um deslocamento da sombra (tal como 0.1em 0.1em que usamos no exemplo anterior). Essa declaração resulta em uma sombra sólida.
Leia mais
O box-shadow é uma propriedade do CSS, é utilizado para adicionar efeitos de sombra em volta de um elemento. Você pode especificar mais de um efeito, os separando com virgulas. Uma box-shadow é descrita pelo deslocamentos (offset) X e Y em relação ao elemento, desfoco e propagação do raio e cor.text-shadow: #000 2px 3px 2px; No exemplo, #000 é a cor da sombra, o primeiro valor ( 2px ) é a distância horizontal da sombra em relação ao elemento, o segundo valor ( 3px ) é a distância vertical da sombra em relação ao elemento e o terceiro valor ( 2px ) é o raio da sombra (efeito blur).
Como decorar texto no CSS
A propriedade text-decoration do CSS é usada para definir a formatação de underline , overline , line-through ou blink . As decorações underline e overline são posicionadas abaixo e acima do texto (respectivamente), e line-through cortando-o. A propriedade text-decoration desenha em elementos descendentes.
