HTML5 - Texttransformation

Es gibt zwei Eigenschaften, die es uns ermöglichen, den Text in den Dokumenten zu ändern und zu modifizieren HTML5, diese sind Text-Dekoration Ja Text-Transformation, können Sie ihnen externe oder flache Stile geben, um den gewünschten Text zu ändern.
Anwenden der Stile.
Sehen wir uns an, was jede dieser Eigenschaften bedeutet und wie sie angewendet werden können:

• Text-Dekoration: Wenden Sie eine Dekoration auf einen Textblock an, die möglichen Eigenschaften sind: keine, unterstreichen, überstreichen, durchstreichen, blinken.

• Text-Transformation: Wenden Sie eine Transformation auf einen Textblock an, seine möglichen Eigenschaften sind: keine, Großbuchstaben, Großbuchstaben, Kleinbuchstaben.

Analysieren wir das folgende Beispiel, in dem wir beide Eigenschaften anwenden, um einen Effekt im Text zu erzeugen, alles in Großbuchstaben umwandeln und zusätzlich eine Linie in die Mitte setzen, um einen durchgestrichenen Effekt zu erzielen:

 Beispiel
Es gibt viele verschiedene Obstsorten – allein von Bananen gibt es über 500 Sorten. Wenn wir die unzähligen Apfel-, Orangen- und anderen bekannten Obstsorten hinzufügen, stehen wir vor Tausenden von Möglichkeiten. Einer der interessantesten Aspekte von Obst ist die in jedem Land verfügbare Vielfalt. Ich lebe in der Nähe von London, in einer Gegend, die für ihre Äpfel bekannt ist.

Sehen wir uns nun an, was uns der Browser anzeigt, wenn wir den Code bemerken, wissen wir, dass unser Text eine Kombination aus Groß- und Kleinbuchstaben ist und das Ergebnis dank unterschiedlicher Buchstaben ist Text-Transformation.

Dieser Effekt ist sehr beliebt, da wir durch eine gute Kombination ein Gefühl von Tiefe erzielen können, von dem wir sprechen Text-Schatten, das nichts weiter tut, als einem Textblock einen Schatten hinzuzufügen, und seine Eigenschaften sind:,,,, diese funktionieren genauso wie die Schatten von HTML-Elementen.
Denken Sie daran, dass die Eigenschaften h-shadow für den horizontalen Schatten funktionieren, v-shadow für den vertikalen. Unschärfe gibt uns die Streuung des Schattens und der Farbe für seine Farbeffekte.
Kommen wir ohne weiteres zu einem Beispiel mit diesen Optionen:

 Beispiel
Es gibt viele verschiedene Obstsorten – allein von Bananen gibt es über 500 Sorten. Wenn wir die unzähligen Apfel-, Orangen- und anderen bekannten Obstsorten hinzufügen, stehen wir vor Tausenden von Möglichkeiten.

Dieser Code liefert uns im Browser folgende Ergebnisse:

Wie wir beobachtet haben, konnten wir nur durch Ändern der Eigenschaften des Attributs zwei Arten von Schatten für die verschiedenen Texte erstellen Text-Schatten.
Damit beenden wir das Tutorial, wir können jetzt unseren Text modifizieren, wir können viele Kombinationen erzielen, damit unsere Seiten zum Leben erwachen und auf diese Weise Rich-Texte erhalten, wie wir immer üben sollten, bis wir sie nicht mehr sehen müssen der Leitfaden, um das, was wir heute gelernt haben, anzuwenden.