Como adicionar sombras a texto no css

Thiswill te ensinar como adicionar sombras ao texto no CSS. Se o texto não for um arquivo de imagem, você poderá inserir uma tag em seu CSS que adicionará uma sombra de queda.

Passos

  1. Imagem intitulada 12519946 1
1. Abra o seu arquivo CSS. Você pode usar qualquer documento de processamento de texto como o bloco de notas para Windows ou Text Edit for Mac.
  • Imagem intitulada 12519946 2
    2. Insira o seguinte código:
    H1 {Text-Shadow: 2px 2px # FF0000-}
  • Os valores para cada entrada designam o Sombra horizontal (necessária), sombra vertical (necessária), raio de borrão (opcional), cor (opcional) e nenhuma (a configuração padrão que não mostra uma sombra). O tamanho das sombras e a proporção estão em pixels, por isso certifique-se de adicionar "px" Para o valor - a cor está no código de cor hex, que geralmente é uma combinação de seis dígitos de letras e números que designa a quantidade de vermelho, azul e verde na cor.


    • Este exemplo mostra 2 pixels de sombra horizontal, 2 pixels de sombra vertical e a cor da sombra é vermelha. Por exemplo, a tag de sombra para um texto com uma sombra que é 2 pixels horizontalmente e verticalmente, tem um efeito de blur de 8 pixels, e uma sombra de cor preta pareceria semelhante a: Texto-Shadow: 2px 2px 8px # 000000-.
  • Imagem intitulada 12519946 3
    3. Salve seu arquivo CSS. Se você puder, você pode executar um teste antes de salvar como aparece sua codificação ao vivo, que geralmente é um recurso com o código do Visual Studio e o Bloco de Notas++.
    • Compartilhe na rede social:
    Semelhante