CSS3 Animationen: transition erklärt

Hover-Effekt ohne transition

Button

Hover-Effekt mit transition

Button

Veränderung in gleichmäßiger Geschwindigkeit

Button

Erst langsam, dann schnell transition-timing-function: ease-in

Button

Erst schnell, dann langsam transition-timing-function: ease-out

Button

Animation mit Verzögerung starten durch transition-delay

Button

Kurzschreibweise von CSS3-transition

Effekt