Sombra do Texto do CSS

Sombra de texto

text-shadow A propriedade adiciona uma sombra ao texto.

O uso mais simples é especificar apenas a sombra horizontal (2px) e vertical (2px):

Efeito de sombra de texto!

Exemplo

h1 {
  text-shadow: 2px 2px;
}

Experimente você mesmo

Em seguida, adicione uma cor (vermelha) à sombra:

Efeito de sombra de texto!

Exemplo

h1 {
  text-shadow: 2px 2px red;
}

Experimente você mesmo

Em seguida, adicione um efeito de borrão à sombra (5px):

Efeito de sombra de texto!

Exemplo

h1 {
  text-shadow: 2px 2px 5px red;
}

Experimente você mesmo

Dica:Acesse Fonte do CSS Um capítulo, aprenda como alterar a fonte, o tamanho do texto e o estilo do texto.

Dica:Acesse Efeito de Texto do CSS Um capítulo, aprenda como implementar diferentes efeitos de texto.

Todos os atributos de texto CSS

Propriedade Descrição
color Define a cor do texto.
direction Especifica a direção do texto / direção de escrita.
letter-spacing Define o espaçamento entre caracteres.
line-height Define a altura das linhas.
text-align Especifica o modo de alinhamento horizontal do texto.
text-decoration Especifica o efeito decorativo aplicado ao texto.
text-indent Especifica o recuo da primeira linha do bloco de texto.
text-shadow Especifica o efeito de sombra aplicado ao texto.
text-transform Controla o tamanho de maiúsculas e minúsculas do texto.
text-overflow Especifica como informar ao usuário sobre o conteúdo oculto.
unicode-bidi Usado em conjunto com a propriedade direction, define ou retorna se o texto deve ser rewritten para suportar múltiplos idiomas no mesmo documento.
vertical-align Especifica o modo de alinhamento vertical do texto.
white-space Especifica como lidar com espaços em branco dentro de elementos.
word-spacing Definir espaçamento entre palavras.