Nudge Forward / Backward

Beim Hovern gleitet die Beschriftung hinaus, und ein Pfeil sowie eine Füllung breiten sich aus.

Füge bei [wo] einen „Interactive Hover Button“-Effekt hinzu.
Der kleine Punkt neben der Beschriftung soll sich ausdehnen, bis er den Button füllt, während die Beschriftung zur Seite gleitet und ausblendet; die Beschriftung mit einem Pfeil gleitet dann über die neue Füllung herein: weich und schnell.
Halte die Button-Größe fest und die Beschriftung jederzeit lesbar, und zeige denselben Effekt beim Tastaturfokus.

Das Element hebt sich beim Hovern ein paar Pixel an, als würde es schweben.

Füge bei [wo] einen „Float“-Hover-Effekt hinzu (auch lift oder raise genannt).
Das Element soll sich ein Stück anheben und oben bleiben, solange der Zeiger darüber ist, und beim Verlassen zurücksinken: weich und sanft, ohne Nachfedern.
Bewege es nur optisch, ohne das umgebende Layout zu verschieben, und zeige denselben Effekt beim Tastaturfokus.

Beim Hovern fällt ein Icon aus dem Sichtbereich und kehrt von oben zurück.

Füge bei [wo] einen „Icon Drop“-Hover-Effekt hinzu.
Das Icon im Element soll nach unten aus dem Sichtbereich fallen und dann von oben wieder an seinen Platz fallen: schnell, mit sanfter Landung.
Spiele ihn bei jedem Eintritt des Zeigers einmal ab statt in Schleife, und lass Beschriftung und Button-Größe unverändert.

Beim Hovern wächst eine Kontur vom Element nach außen oder zieht sich zu ihm zusammen.

Füge bei [wo] einen „Outline Expand“-Hover-Effekt hinzu.
Eine Kontur soll bündig an der Kante des Elements beginnen und nach außen wandern, bis ringsum eine kleine Lücke bleibt, dort beim Hovern stehen bleiben und sich beim Verlassen des Zeigers wieder schließen: weich und schnell.
Zeichne die Kontur so, dass sie die Größe des Elements nicht ändert und benachbarte Inhalte nicht verschiebt, und zeige denselben Effekt beim Tastaturfokus.

Beim Hovern wächst über dem Text eine Linie von links, aus der Mitte oder von rechts.

Füge bei [wo] einen „Overline Grow“-Hover-Effekt hinzu.
Eine Linie über dem Text soll aus der Mitte nach beiden Seiten wachsen, solange der Zeiger darüber ist, und beim Verlassen zur Mitte zurückschrumpfen: schnell und weich.
Reserviere Platz für die Linie, damit der Text nicht springt, und zeige denselben Effekt beim Tastaturfokus.

Das Element vergrößert sich schnell und federt mit einem kleinen Plopp zurück.

Füge bei [wo] einen „Pop“-Hover-Effekt hinzu.
Bei jedem Eintritt des Zeigers soll das Element einmal schnell anschwellen und wieder auf seine normale Größe zurückgehen, wie ein kleiner federnder Plopp.
Spiele ihn einmal pro Hover ab, statt die größere Größe zu halten oder zu loopen, und verhindere, dass sich das umgebende Layout verschiebt.