animation-fill-mode:

Beschreibung:

  • Definiert, ob das animierte Element vor einer Animation den ersten Zustand einnehmen und/oder nach der Animation den letzten Zustand beibehalten soll

Werte:

  • forwards: Element behält nach der Animation den letzten Zustand der Animation bei
  • backwards: Element nimmt vor der Animation den ersten Zustand der Animation an
  • both: Element nimmt vor der Animation den ersten Zustand an und behält nach der Animation den letzten Zustand bei

Beispiele:

Hinweis: Die Animation muss vor einem erneuten Starten zurückgesetzt werden!

Nützliche Links