animation

Übersicht

Die CSS Eigenschaft animation fasst die folgenden Werte zusammen: animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count und animation-direction.

Liste animierbarer CSS Eigenschaften

• Initialwert Die Verkettung der Initialwerte der Landform Eigenschaften:
  • animation-name: none
  • animation-duration: 0s
  • animation-timing-function: ease
  • animation-delay: 0s
  • animation-iteration-count: 1
  • animation-direction: normal
  • animation-fill-mode: none
• Anwendbar auf Alle Elemente, ::before und::after pseudo-Elemente
• Vererbt Nein
• Prozentwerte —
• Medium visuell
• Berechneter Wert wie die einzelnen Werte der Kurzschreibweise:
  • animation-name: siehe Spezifikation
  • animation-duration: siehe Spezifikation
  • animation-timing-function: siehe Spezifikation
  • animation-delay: siehe Spezifikation
  • animation-direction: siehe Spezifikation
  • animation-iteration-count: siehe Spezifikation
  • animation-fill-mode: siehe Spezifikation
  • animation-play-state: siehe Spezifikation
• Animierbar Nein
• Kanonische Reihenfolge order of appearance in the formal grammar of the values

Syntax

Formale Syntax: <single-animation-name> || <time> || <timing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode>

Die Reihenfolge der Werte ist durch die Spezifikation Vorgegeben: Der erste Wert in der Einheit <time> wird als animation-duration interpretiert, der zweite als animation-delay.

Beispiele

Siehe CSS Animationen.

Spezifikationen

Browser Kompatibilität

Siehe auch

• CSS Animationen nutzen
• AnimationEvent
• Animation-related CSS properties and at-rules: animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, @keyframes