keyframe.lab

CSS @keyframes Baukasten

Ausgangselement

Animation

LOOP Zeigt Marker @ 50%

Keyframe-Timeline

0%25%50%75%100%

Klicke auf einen Marker (Raute), um diesen Marker zu bearbeiten.

Die Vorschau oben läuft immer als Dauerschleife — der tatsächlich exportierte Code nutzt dann deine echten Einstellungen für animation-iteration-count.

Vibe Coded in Erinnerung an CSSAnimate.com.

Generiertes CSS