Direction Aware Hover

Ein farbiger Hintergrund wischt beim Hovern von einer Kante aus über das Element.

Füge bei [wo] einen „Background Sweep“-Hover-Effekt hinzu (auch background fill oder slide fill genannt).
Eine neue Hintergrundfarbe soll von der linken zur rechten Kante darüberwischen, weich und schnell, ohne Nachfedern, und sich beim Verlassen genauso zurückziehen, während die Textfarbe wechselt, damit alles lesbar bleibt.
Beschneide die Füllung auf die Form des Elements und zeige denselben Effekt beim Tastaturfokus.

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.

Icons in einer Reihe wachsen weich, wenn sich der Zeiger nähert, wie im macOS-Dock.

Füge bei [wo] einen „Dock Magnification“-Effekt hinzu (auch dock genannt).
Die Icons der Reihe sollen weich größer werden, je näher der Zeiger kommt, das nächste am größten und seine Nachbarn leicht vergrößert, und alle zur normalen Größe zurückkehren, wenn der Zeiger die Reihe verlässt.
Lass die Icons von einer festen Grundlinie aus nach oben wachsen und halte jedes Icon bei Touch und Tastatur in normaler Größe bedienbar.

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.

Benachbarte Karten werden unscharf und abgedunkelt, während die gehoverte Karte scharf bleibt.

Füge bei [wo] einen „Focus Cards“-Effekt hinzu (auch blur siblings on hover, hover focus blur oder card hover effect genannt).
Solange der Zeiger über einer Karte ist, sollen die anderen Karten unscharf, dunkler und etwas kleiner werden, während die gehoverte Karte scharf bleibt, alles mit einem weichen Übergang, der sich beim Verlassen umkehrt.
Wende denselben Fokus beim Tastaturfokus an und halte alle Karten scharf und lesbar, wenn nichts gehovert wird.