Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla
Ihre Suchergebnisse

    animation

    Dies ist eine experimentelle Technologie
    Da diese Technologie noch nicht definitiv implementiert wurde, sollte die Browser Kompatibilität beachtet werden. Es ist auch möglich, dass der Syntax in einer späteren Spezifikation noch geändert wird.

    Ü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

    Spezifikation Status Kommentar
    CSS Animations
    Die Definition von 'animation' in dieser Spezifikation.
    Arbeitsentwurf  

    Browser Kompatibilität

    Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Grundlegende Unterstützung (Ja)-webkit 5.0 (5.0)-moz
    16.0 (16.0)
    10 12-o
    12.10 #
    4.0-webkit
    Merkmal Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Grundlegende Unterstützung ? 5.0 (5.0)-moz
    16.0 (16.0)
    ? ? iOS 2.0-webkit

    Siehe auch

    Schlagwörter des Dokuments und Mitwirkende

    Mitwirkende an dieser Seite: SJW, Sebastianz
    Zuletzt aktualisiert von: Sebastianz,