Zum Inhalt springen

animation-fill-mode

  • Redaktion 
  • Zuletzt aktualisiert am

#animation-fill-mode

Legt fest, was vor dem Beginn und nach dem Ende einer Animation geschieht. Der Füllmodus erlaubt es, dem Browser mitzuteilen, ob die Stile der Animation auch außerhalb der Animation angewendet werden sollen.

default animation-fill-mode: none;

Die Animationsstile haben keinen Einfluss auf den Standardstil: Das Element wird in seinen Standardzustand versetzt, bevor die Animation beginnt, und kehrt nach dem Ende der Animation in diesen Standardzustand zurück.

animation-fill-mode: forwards;

Die letzten Stile, die am Ende der Animation angewendet werden, bleiben nachher erhalten.

animation-fill-mode: backwards;

Die Stile der Animation werden bereits vor dem eigentlichen Start der Animation angewendet.

animation-fill-mode: both;

Die Stile werden vor und nach der Wiedergabe der Animation angewendet.