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/transition-timing-function

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft transition-timing-function CSS 3.0
Beschreibung legt fest, wie lange der Übergang dauert.
erlaubte Werte
  • ease: Übergang mit langsamen Start, beschleunig und endet langsam (Standardwert) (⇔ cubic-bezier(0.25,0.1,0.25,1))
  • linear: Übergang mit gleicher Geschwindigkeit vom Start bis zum Stop (⇔ cubic-bezier(0,0,1,1))
  • ease-in: Übergang mit einem langsamen Start (⇔ cubic-bezier(0.42,0,1,1))
  • ease-out: Übergang mit einem langsamen Ende (⇔cubic-bezier(0,0,0.58,1))
  • ease-in-out: Übergang mit einem langsamen Start und Ende (⇔ cubic-bezier(0.42,0,0.58,1))
  • cubic-bezier(n,n,n,n): möglich sind numerische Werte zwischen 0 bis 1
  • initial: Werte werden auf Standardwert zurückgesetzt
  • inherit: Werte werden vom Elternelement übernommen
default-Wert

ease

anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • IE 10
  • Opera
  • Safari
Spezifikation W3c logo klein.gif transition-timing-function
Beispiel
aside {
    color:black
    transition-property: color; 
    transition-duration: 2s;
    transition-timing-function: ease-out;
}
aside:hover {
    color: red;
} 

Wenn der Benutzer mit der Maus über das aside-Element fährt, verändert sich die Textfarbe auf rot. Der Übergang verläuft schnell, wird zum Ende hin aber langsamer.

Beachten Sie
Tipp