Ausbreitung des Coronavirus führt zu immer mehr Tafel-Schließungen

Um 1,6 Millionen bedürftige Tafel-Nutzer:innen jetzt nicht allein zu lassen, ruft Tafel Deutschland e.V. zu Solidarität und Unterstützung auf. Sie wollen helfen? Informationen finden Sie unter tafel.de.

Coronacharityshop.png

Eine weitere Möglichkeit ist der Einkauf im CoronaCharityShop – alle Einnahmen gehen zu 100 % an die Tafeln. Herzlichen Dank für Ihre Unterstützung.

Referenz:CSS/Eigenschaften/animation-direction

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft animation-direction CSS 3.0
Beschreibung legt fest, welchen Verlauf die Animation nehmen soll
erlaubte Werte
  • normal: (Standardwert)
  • reverse: Animation soll rückwärts ablaufen
  • alternate: wird jeweils 1x vor (1,3,5,etc..) und dann rückwärts (2,4,6,etc...) abgespielt
  • alternate-reverse: wird jeweils 1x rückwärts (1,3,5,etc..) und dann vorwärts (2,4,6,etc...) abgespielt
  • initial: Setzt den Wert auf den Standardwert zurück.
  • inherit: Erbt den Wert vom Elternelement.
default-Wert

normal

anwendbar auf alle Elemente, Pseudoelemente ::before und ::after (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • IE 10
  • Opera
  • Safari
Spezifikation W3c logo klein.gif animation-direction
Beispiel
@keyframes beispiel {
    from {background-color: #000;}
    to {background-color: #fff;}
}

aside {
    width: 10em;
    height: 10em;
    background-color: #000;
    color: white;
    animation-name: beispiel 
    animation-duration: 3s;
    animation-direction: alternate;
    animation-iteration-count: infinite; 
} 

Die Animation wird immer wieder wiederholt. Dabei läuft sie bei jedem 2. Durchlauf rückwärts ab.

Beachten Sie
Tipp