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-duration

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft animation-duration CSS 3.0
Beschreibung legt Dauer der Animation fest
erlaubte Werte

Zeitangabe

default-Wert

0s

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-duration
Beispiel
@keyframes beispiel {
    from {background-color: #000;}
    to {background-color: #f00;}
}

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

Die Animation mit Namen Beispiel dauert 3 Sekunden. Wenn die keyframes-Regel aufgerufen wird, ändert sich der Hintergrund von schwarz auf rot.

Beachten Sie
Tipp