![😳 7 CSS Animationen in je ⏱ einer Minute! 👍 [TUTORIAL]](https://i.ytimg.com/vi/AAsybyVjXss/hqdefault.jpg)
Inhalt
HTML und CSS können einige coole Texteffekte sowie Standardformatierungen wie Schriftgröße und Hintergrundfarbe erzeugen. Spezielle Effekte in HTML bewirken, dass der Text auf ungewöhnliche Weise erscheint und sich verhält, was die Aufmerksamkeit des Betrachters auf sich zieht. Verwenden Sie sie, um eine angehaltene Seite zu animieren oder einfachen Text hinzuzufügen.
Drop Cap
In der Textverarbeitung vergrößert eine Drop-Katze den ersten Buchstaben eines Absatzes. Sie können diesen Effekt mit HTML und CSS auf Ihren Webseiten reproduzieren. Verwenden Sie die Eigenschaft "float", um den Kapitularbuchstaben und die Schriftgröße so auszurichten, dass seine Größe relativ zum restlichen Text im Absatz erhöht wird. Fügen Sie die Zeichen in die "span" -Tags ein.
Beispiel:
E Dies ist ein Beispiel für einen Drop-Cap-Effekt mit der Float-Eigenschaft.
Rollender Text
Durch den Marquee-Effekt (Rand) in HTML wird der Text auf unterschiedliche Weise verschoben. Der Befehl "direction" im Code teilt dem Browser mit, wohin der Text verschoben werden soll: nach oben, unten, links oder rechts. Das Attribut "Verhalten" beschreibt, wie der Text verschoben wird. Das Attribut "Scrollen" bewirkt, dass der Text über den sichtbaren Bereich hinausgeht und dann erneut angezeigt wird. Der Befehl "Folien" bewirkt, dass der Text am Ende des Rands angehalten wird, während "Alternate" dazu führt, dass der Text von einer Seite zur anderen verschoben wird. Verwenden Sie den Befehl "scrollamount", um die Geschwindigkeit zu bestimmen. Je höher die Zahl, desto schneller wird gescrollt.
Beispiel:
Titel-Mouseover (Mouseover)
Mit dem HTML-Span-Tag kann Text über dem Bereich angezeigt werden, in dem er eingefügt wird. Wenn Sie beispielsweise eine Zusammenfassung eines Absatzes hinzufügen möchten, fügen Sie den Text mit dem span-Tag ein.
Beispiel:
Absatztext hier.