CSS animációs generátor lusta embereknek.
CSS animációk
A CSS lehetővé teszi a HTML elemek animációját JavaScript vagy Flash használata nélkül
Ebben a fejezetben a következő tulajdonságokat ismerheti meg:
- @keyframes
- animáció-név
- animáció-időtartam
- animáció-késleltetés
- animáció-iteráció-számlálás
- animációs rendezés
- animációs időzítés funkció
- animáció-kitöltés mód
- élénkség
Böngészőspecifikus előtagok
Egyes régebbi böngészőknek speciális előtagokra (-webkit-) van szükségük az animáció tulajdonságainak megértéséhez
Mik azok a CSS-animációk?
Az animáció lehetővé teszi, hogy egy elem fokozatosan egyik stílusról a másikra váltson.
Annyi CSS-tulajdonságot módosíthat, ahányszor csak akar.
A CSS-animáció használatához először meg kell adnia néhány kulcskockát az animációhoz.
A kulcskockák tartalmazzák, hogy az elem bizonyos időpontokban milyen stílusokkal rendelkezik.
A @keyframes szabály
Ha CSS-stílusokat ad meg a @keyframes szabályon belül, az animáció bizonyos időpontokban fokozatosan átvált az aktuális stílusról az új stílusra.
