Head Shake

Das Element ruckelt schnell entlang einer Achse hin und her.

Füge bei [wo] einen „Shake“-Effekt hinzu (auch error shake oder invalid input shake genannt).
Das Element soll ein paarmal schnell nach links und rechts ruckeln und genau dort stoppen, wo es angefangen hat: schnell und bestimmt.
Spiele ihn bei jedem Fehler einmal ab statt in Schleife und kombiniere ihn mit einer sichtbaren Fehlermeldung, damit die Bedeutung nicht allein von der Bewegung abhängt.

Das Element schaukelt mit Neigung hin und her wie ein wackeliger Gegenstand.

Füge bei [wo] einen „Wobble“-Aufmerksamkeitseffekt hinzu.
Das Element soll mit Neigung hin und her schaukeln, zuerst mit großem Ausschlag, der mit jedem Schwung kleiner wird, bis es zur Ruhe kommt.
Spiele ihn beim Auslösen einmal ab und sorge dafür, dass sich benachbarte Inhalte nicht verschieben.

Das Element schwingt von seiner Oberkante aus hin und her wie ein Pendel mit abklingendem Ausschlag.

Füge bei [wo] einen „Swing“-Aufmerksamkeitseffekt hinzu.
Das Element soll wie ein hängendes Schild hin und her schwingen, zuerst weit ausholend und dann schnell abklingend.
Lass es um seine Oberkante statt um die Mitte schwingen und spiele den Effekt beim Auslösen einmal ab.

Das Element verzerrt sich mit abklingender Stärke hin und her wie wackelnder Wackelpudding.

Füge bei [wo] einen „Jello“-Aufmerksamkeitseffekt hinzu (auch jelly genannt).
Das Element soll sich wie wackelnder Wackelpudding hin und her verzerren: anfangs kräftig, dann schnell zur Ruhe kommend.
Spiele ihn beim Auslösen einmal ab und behalte den Platzbedarf des Elements bei, damit sich benachbarte Inhalte nicht verschieben.

Das Element pulsiert im Doppelschlag-Rhythmus wie ein schlagendes Herz.

Füge bei [wo] einen „Heartbeat“-Effekt hinzu (auch heart beat genannt).
Das Element soll in einem schnellen Doppelschlag anschwellen und wieder entspannen und vor dem nächsten Schlag kurz ruhen, wie ein schlagendes Herz.
Lass ihn nahtlos in Schleife laufen, mit der Pause zwischen den Schlägen, und stoppe ihn bei reduzierter Bewegung (prefers-reduced-motion).

Eine Kopie des Elements wächst wiederholt und blendet dabei aus, wie ein Radarsignal.

Füge bei [wo] einen „Ping“-Effekt hinzu (auch radar ping oder pulse ring genannt).
Eine Kopie des Elements soll nach außen wachsen und ausblenden, immer wieder in gleichmäßigem Takt, während das Element selbst stillsteht.
Zeichne den Ring auf einer eigenen Ebene, damit er nie das Layout verändert, und stoppe die Schleife bei reduzierter Bewegung (prefers-reduced-motion).