Wie kann ich CSS -Hover -Effekte erstellen?
CSS -Schwebeffekte sind ziemlich einfach zu erzeugen, und grundlegende Schwebeffekte können schnell und einfach mit einer Reihe anderer Optionen implementiert und geändert werden. Cascading Style Sheets (CSS) ist eine Sprache, die zum Erstellen des Stils und des Layouts eines Dokuments verwendet wird, das in einer Markup -Sprache erstellt wurde, und kann verwendet werden, um Schwebeffekte zu erzeugen. Schwebeffekte sind Änderungen, die mit Text, Bildern oder anderen Objekten in einem Dokument auftreten, wenn der von einer Maus gesteuerte Zeiger über das Objekt schwebt. CSS -Schwebeffekte werden normalerweise im CSS -Code erstellt und können schnell und effektiv implementiert werden. Zum Beispiel möchte jemand einen Textlink erstellen, der wie Standardtext aussieht oder eine andere Farbe als der Rest der Seite hat. Wenn er jedoch „übersät“ oder „umgedreht“ ist, wird er unterstrichen oder ermutigt. Wie genau das getan wird, hängt normalerweise abBei der genauen Codierung auf der Seite kann jedoch der CSS -Schwebeffekt innerhalb der CSS -Regeln innerhalb des Abschnitts „Stil“ hinzugefügt werden.
.Eine neue Regel wird für den CSS -Hover -Effekt erstellt, indem das entsprechende Tag für das Objekt, zu dem der Effekt hinzugefügt wird, hinzugefügt wird. Zum Beispiel kann ein Text, der ausgewählt wird, Teil einer Liste sein oder im Körper einer Webseite ausgewählt wird. Dieser Text sollte ein bestimmtes Tag in der Körpercodierung zugeordnet sein. Mit diesem Tag kann die Regel erstellt werden, um einen CSS -Hover -Effekt für Objekte mit dem angegebenen Tag festzulegen.
Verwenden von Text beispielsweise, wenn Sie einen Link unterstrichen möchten, wenn ein Benutzer darüber hinweg hebt, können Sie zunächst diesen Link im Körpercode mit dem Markieren und einer speziellen Regel für dieses Tag erstellen. Innerhalb dieser Regel können Sie angeben, welche Farbe dieser Text aussehen sollte, und lassen Sie ihn leicht vom umgebenden Text abheben und visuell inDabei, dass der Benutzer möglicherweise darüber schweben möchte, was dann den CSS -Schwebeffekt auslösen würde. Dieser Effekt wird hinzugefügt, indem das Tag für die Textzeile „Hover Pseudo-Klasse“ erstellt wird.
Wenn das Tag für den Text beispielsweise „A“ war, dann würden Sie die Pseudo-Klasse verwenden, die wie „A: Hover {…}“ aussah, mit dem gewünschten CSS-Hover-Effekt in der Klammer. Wenn der gewünschte Effekt den Text unter Verwendung des vorhergehenden Beispiels unter Verwendung des Überlags des Textes unterstreicht, würde er "Textdekoration: Unterstreichung" lautet. Innerhalb der Halterung. Es gibt eine Reihe verschiedener Schwebeffekte, die für verschiedene Objekte erstellt werden können, und jeder verfügt über einen bestimmten Befehl, um den Effekt zu erzeugen. Der Prozess ist jedoch in den meisten Fällen ähnlich.