Webdesignerin
Webdesignerin
Dipl. Wi. Infrom. Susanne Wollatz
Hover
Hover beschreibt den Moment, in dem ein Mauszeiger über ein Element auf einer Website bewegt wird, ohne darauf zu klicken. Meist ändert sich dann das Aussehen des Elements – zum Beispiel die Farbe eines Buttons oder der Text eines Links.
Der Hover-Effekt ist ein zentraler Bestandteil des Webdesigns und wird vor allem mithilfe von CSS (Cascading Style Sheets) umgesetzt. Er reagiert auf die Aktion, dass ein Nutzer mit der Maus über ein bestimmtes Element fährt. Dabei können verschiedene visuelle Effekte ausgelöst werden – etwa Farbwechsel, Schatten, Animationen oder das Einblenden zusätzlicher Informationen.
Beispiel:
Wenn Sie mit der Maus über einen Button fahren und dieser seine Farbe von Grau zu Blau wechselt, dann handelt es sich um einen Hover-Effekt.
Hover-Effekte dienen nicht nur der Ästhetik, sondern verbessern auch die Benutzerfreundlichkeit (Usability). Sie zeigen dem Nutzer, dass ein Element interaktiv ist – zum Beispiel ein klickbarer Button oder ein Link.
Auf mobilen Geräten ist der Hover-Effekt allerdings nur eingeschränkt nutzbar, da dort kein Mauszeiger existiert. Stattdessen werden ähnliche Effekte oft über Antippen (Touch-Effekte) simuliert.
