CSS-Animation rückgängig machen (reverse)

[Gunnar Bittersmann]

@@Christian W

Du willst nur eins einsetzen: animation oder transition.

Transition ist – wie der Name schon sagt – für den Übergang von einem Zustand zum anderen, also das was du willst: von rotate(0deg) zu rotate(180deg).

Wenn die transition für beide Richtungen sein soll, musst du sie für das Element angeben – sie soll ja eben auch wirken, wenn das Element die Klasse rotate nicht hat. (Ich würde die Klasse eher rotated nennen – oder noch besser nicht nach der Darstellung, sondern danach, warum das Ding gedreht ist.)

☞ Codepen

LLAP 🖖