HTML5 - Teksttransformatie

Er zijn twee eigenschappen waarmee we de tekst in de documenten kunnen wijzigen en aanpassen HTML5, dit zijn tekst-decoratie Y tekst-transformatie, hiermee kunt u ze externe of platte stijlen geven om de gewenste tekst te wijzigen.
De stijlen toepassen.
Laten we eens kijken wat elk van deze eigenschappen betekent en hoe ze kunnen worden toegepast:

• tekst-decoratie: Pas een decoratie toe op een tekstblok, de mogelijke eigenschappen zijn: geen, onderstrepen, overlijnen, doorstrepen, knipperen.

• tekst-transformatie: Pas een transformatie toe op een tekstblok, de mogelijke eigenschappen zijn: geen, hoofdletters, hoofdletters, kleine letters.

Laten we het volgende voorbeeld analyseren, waarbij we beide eigenschappen toepassen om een ​​effect in de tekst te genereren, we gaan alles omzetten in hoofdletters en daarnaast plaatsen we een regel in het midden om een ​​doorhaaleffect te bereiken:

 Voorbeeld
Er zijn veel verschillende soorten fruit - er zijn alleen al meer dan 500 soorten bananen. Tegen de tijd dat we de talloze soorten appels, sinaasappels en ander bekend fruit toevoegen, staan ​​we voor duizenden keuzes. Een van de meest interessante aspecten van fruit is de variëteit die in elk land beschikbaar is. Ik woon in de buurt van Londen, in een gebied dat bekend staat om zijn appels.

Laten we nu eens kijken wat de browser ons laat zien, als we de code opmerken, weten we dat onze tekst een combinatie is van hoofdletters en kleine letters en het resultaat is anders dankzij tekst-transformatie.

Dit effect is vrij populair omdat we door een goede combinatie te maken een gevoel van diepte kunnen bereiken, we hebben het over schaduw tekst, die niets anders doet dan een schaduw toevoegen aan een tekstblok en zijn eigenschappen zijn:,,,, deze werken op dezelfde manier als de schaduwen van HTML-elementen.
Onthoud dat de eigenschappen h-schaduw werken voor de horizontale schaduw, v-schaduw voor de verticale, vervaging geeft ons de diffusie van de schaduw en kleur voor zijn kleureffecten.
Laten we zonder verder oponthoud doorgaan naar een voorbeeld met behulp van deze opties:

 Voorbeeld
Er zijn veel verschillende soorten fruit - er zijn alleen al meer dan 500 soorten bananen. Tegen de tijd dat we de talloze soorten appels, sinaasappels en ander bekend fruit toevoegen, staan ​​we voor duizenden keuzes.

Deze code geeft ons de volgende resultaten in de browser:

Zoals we hebben gezien, waren we in staat om twee soorten schaduwen te creëren voor de verschillende teksten, alleen door de eigenschappen van het attribuut te wijzigen schaduw tekst.
Hiermee ronden we de tutorial af, we kunnen nu onze tekst aanpassen, we kunnen veel combinaties maken, zodat onze pagina's tot leven komen en op deze manier rijke teksten krijgen, zoals we altijd zouden moeten oefenen totdat we niet meer hoeven te zien de gids om te gebruiken wat we vandaag hebben geleerd.