CSS3 animáció

A :hover vagy :active álosztály kijelölők felhasználásával módosíthatjuk a HTML elemek css beállításait abban az esetben, ha az egérkurzor a az elem fölé ér, vagy a felhasználó megnyomja a bal egérgombot, az egérkurzorral az elem felet

A CSS3 lehetővé teszi, hogy a stílusbeállítások változtatása fokozatosan menjen végbe.

A transition-property jellemző segítségével adható meg, hogy mely CSS tulajdonság(ok) változásait kívánjuk folyamatos átmenetté alakítani.

A transition-timing-function tulajdonság segítségével adható meg, a CSS tulajdonság(ok) változásainak karakterisztikája.

A transition-delay tulajdonság segítségével adható meg, a CSS tulajdonság(ok) változásainak késleltetése. Hány másodperccel kezdődjön később az átmenet.

Kötelező a változó CSS tulajdonságok kezdeti és utolsó értékének megadása. Az animáció ezen értékek folyamatos változása révén jön létre.

CSS3 animációk esetén kötelező megadni az animáció nevét, amely meg kell egyezzen a @keyframes deklarációban megadott névvel. Ez teszi lehetővé a kulcskockák és az animáció összerendelését.

Az animation-iteration-count tulajdonság segítségével megadható, hogy hányszor ismétlődjön meg az animáció

Az animation-delay tulajdonság segítségével adott idővel késleltethető az animáció elindulása.

Az animation-direction tulajdonság segítségével megadható, hogy ismételt lejátszás esetén honnan kezdődjön és milyen irányba haladjon a lejátszás.

Az animation-timing-function tulajdonság segítségével adható meg, a CSS tulajdonság(ok) változásainak karakterisztikája.