Referenz:CSS/Eigenschaften/animation

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft animation CSS 3.0
Beschreibung Zusammenfassung der Eigenschaften animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count und animation-direction.
erlaubte Werte
  • siehe Einzelwerte
default-Wert
  • 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 (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • IE 10
  • Opera
  • Safari
Spezifikation W3c logo klein.gif animation shorthand property
Beispiel
@keyframes beispiel {
    from {background-color: #000;}
    to {background-color: #fff;}
}

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

Für ältere Versionen von Safari und Android müssen Sie proprietäre Eigenschaften verwenden.

für Android, Opera und Safari:

  • -webkit-animation
  • @-webkit-keyframes
Tipp