Länktestsida

Transitions

Genom att använda egenskapen transition så kan man lätt animera exempelvis en knapp när man för muspekaren över den Läs mer om transitions här

I exemplet är nedanför så är egenskapen transition-timing-funktion: linear; på det översta blocket och värdena ease, ease-in, ease-out och ease-in-out satta för att visa hur det påverkar hastigheterna av animationerna. Alla block animeras på 2 sekunder när man för muspekaren över den här bakgrunden.

linear
ease
ease-in
ease-out
ease-in-out