Desenvolvimento

Text-Shadow em CSS3

Text-Shadow em CSS3
Junte-se a mais de X pessoas

Entre para nossa lista e receba conteúdos exclusivos e com prioridade

Eu não sei se você já sabia como fazer isso, mas eu fiquei realmente abismado quando vi que era possível colocar um sombra em um texto apenas com CSS.

Com CSS3, nós pode criar dois tipos de sombras: sombra de texto, text-shadow, (adiciona sombra ao texto) e sombra de caixa, box-shadow, (adiciona sombra a outros elementos).

Como colocar sombra em um texto com css

selector { 
            text-shadow: horizontal-offset vertical-offset blur-radius color;
        }

horizontal-offset: é a posição na horizontal da sombra em relação ao texto.

vertical-offset: Quase a mesma coisa da horizontal-offset só que dessa vez na vertical.

blur-radius: Aqui já estamos falando o tamanho da sombra, com mais ou menos blur, mais largo ou mais fina

Color: não precisa explicar muito, é a cor que o seu shadow terá.

Exemplo de text-shadow:

 #id-text-shadow { 
            text-shadow: 100px 100px 2px green; 
        }

Comenta aí,

o que você achou deste conteúdo? Conte nos comentários.

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *