HTML5 - Transformação de Texto

Existem duas propriedades que nos permitem alterar e modificar o texto nos documentos HTML5, estes são decoração de texto Y transformação de texto, eles permitem que você dê a eles estilos externos ou planos para modificar o texto desejado.
Aplicando os estilos.
Vamos ver o que cada uma dessas propriedades significa e como elas podem ser aplicadas:

• decoração de texto: Aplique uma decoração a um bloco de texto, suas propriedades possíveis são: nenhum, sublinhado, sobrelinhado, linha através, piscar.

• transformação de texto: Aplique uma transformação a um bloco de texto, suas propriedades possíveis são: nenhuma, maiúscula, maiúscula, minúscula.

Vamos analisar o exemplo a seguir onde aplicamos ambas as propriedades para gerar um efeito no texto, vamos transformar tudo em maiúsculas e, adicionalmente, colocaremos uma linha no meio para obter um efeito tachado:

 Exemplo
Existem muitos tipos diferentes de frutas - existem mais de 500 variedades de banana. No momento em que adicionamos os incontáveis ​​tipos de maçãs, laranjas e outras frutas conhecidas, nos deparamos com milhares de opções. Um dos aspectos mais interessantes da fruta é a variedade disponível em cada país. Eu moro perto de Londres, em uma área conhecida por suas maçãs.

Agora vamos ver o que o navegador nos mostra, se notarmos o código, sabemos que nosso texto é uma combinação de letras maiúsculas e minúsculas e o resultado é diferente graças a transformação de texto.

Este efeito é bastante popular porque, ao fazer uma boa combinação, podemos alcançar uma sensação de profundidade, estamos falando sobre sombra de texto, que nada mais faz do que adicionar uma sombra a um bloco de texto e suas propriedades são: ,,,, funcionam da mesma forma que as sombras dos elementos HTML.
Lembre-se de que as propriedades sombra-h funcionam para a sombra horizontal, sombra-v para a vertical, desfoque nos dá a difusão da sombra e cor para seus efeitos de cor.
Sem mais delongas, vamos passar para um exemplo usando estas opções:

 Exemplo
Existem muitos tipos diferentes de frutas - existem mais de 500 variedades de banana. No momento em que adicionamos os incontáveis ​​tipos de maçãs, laranjas e outras frutas conhecidas, nos deparamos com milhares de opções.

Este código nos dá os seguintes resultados no navegador:

Como observamos, fomos capazes de criar dois tipos de sombras para os diferentes textos, apenas alterando as propriedades do atributo sombra de texto.
Com isso terminamos o tutorial, agora podemos modificar nosso texto, podemos conseguir muitas combinações, para que nossas páginas ganhem vida e desta forma consigam textos ricos, como devemos sempre praticar até que não precisemos mais ver. o guia para usar o que aprendemos hoje.