HTML5 - Trasformazione del testo

Ci sono due proprietà che ci permettono di cambiare e modificare il testo all'interno dei documenti HTML5, questi sono decorazione-testo sì trasforma-testo, questi ti permettono di dare loro stili esterni o piatti per modificare il testo desiderato.
Applicazione degli stili.
Vediamo cosa significa ciascuna di queste proprietà e come possono essere applicate:

• decorazione del testo: Applica una decorazione a un blocco di testo, le sue possibili proprietà sono: nessuna, sottolineato, sopralineato, line-through, lampeggio.

• trasformazione del testo: Applicare una trasformazione a un blocco di testo, le sue possibili proprietà sono: nessuna, capitalize, maiuscolo, minuscolo.

Analizziamo il seguente esempio in cui applichiamo entrambe le proprietà per generare un effetto nel testo, trasformeremo tutto in maiuscolo e inoltre posizioneremo una linea nel mezzo per ottenere un effetto barrato:

 Esempio
Ci sono molti tipi diversi di frutta - ci sono oltre 500 varietà di banane da sole. Quando aggiungiamo gli innumerevoli tipi di mele, arance e altri frutti ben noti, ci troviamo di fronte a migliaia di scelte. Uno degli aspetti più interessanti della frutta è la varietà disponibile in ogni paese. Vivo vicino a Londra, in una zona nota per le sue mele.

Ora vediamo cosa ci mostra il browser, se notiamo il codice sappiamo che il nostro testo è una combinazione di lettere maiuscole e minuscole e il risultato è diverso grazie a testo-trasformazione.

Questo effetto è abbastanza popolare poiché facendo una buona combinazione possiamo ottenere una sensazione di profondità, stiamo parlando testo-ombra, che non fa altro che aggiungere un'ombra a un blocco di testo e le sue proprietà sono:,,,, funzionano allo stesso modo delle ombre degli elementi HTML.
Ricorda che le proprietà h-shadow funziona per l'ombra orizzontale, v-shadow per quella verticale, sfocatura ci dà la diffusione dell'ombra e colore per i suoi effetti di colore.
Senza ulteriori indugi, passiamo a un esempio utilizzando queste opzioni:

 Esempio
Ci sono molti tipi diversi di frutta - ci sono oltre 500 varietà di banane da sole. Quando aggiungiamo gli innumerevoli tipi di mele, arance e altri frutti ben noti, ci troviamo di fronte a migliaia di scelte.

Questo codice ci fornisce i seguenti risultati nel browser:

Come abbiamo osservato, siamo riusciti a creare due tipi di ombre per i diversi testi, solo modificando le proprietà dell'attributo testo-ombra.
Con questo finiamo il tutorial, ora possiamo essere in grado di modificare il nostro testo, possiamo ottenere molte combinazioni, in modo che le nostre pagine prendano vita e in questo modo otteniamo testi ricchi, come dovremmo sempre praticare fino a quando non abbiamo più bisogno di vedere la guida per utilizzare ciò che abbiamo imparato oggi.