szabály @keyframes
Szabály @keyframes - lehetővé teszi a felhasználó számára, hogy leírja a CSS animációt képessége, mint egy listát a legfontosabb személyzetet.
- - nevét adja meg az animációt egy sor aposztrófok (ez a név akkor használható, ha hívja az animáció, mint egy ingatlan értéke animáció-name)
- - határozza meg a választókat, hogy meghatározzák a fő kereteket. Ezek lehetnek:
- a - belül ez az érték kiválasztó animált ismertetett tulajdonságokkal a kezdeti időben animáció (is lehet leírni, a kezdő képkocka az animáció, egy kiválasztó egyenértékű 0%)
- hogy - ezen belül értéket kiválasztó animált tulajdonságok leírt végső pillanatában animáció (is lehet leírni, az utolsó képkocka az animáció, ekvivalens kiválasztó 100%)
- - értékek leírják animált tulajdonságokat egy adott időpontban (idő százalékában mértük értékének tulajdonságainak animáció-időtartam)
- - CSS tulajdonság animált
- - értékei animált tulajdonságok idején által leírt a keret kiválasztó
Mintakódok
A példában leírt mozgás animáció (blokk koordinátáit idővel változnak). Eleinte animációs által leírt a választó a keret egység koordináták tetején: 50 képpont, balra: 0px. Következő kulcsképkocka ismerteti ingatlan értékének 50% -át az időt animáció (ebben a példában - 5 másodperc). Koordinátákat blokkolja top: 150px, balra: 100px. Az utóbbi időben leírt, hogy a keret választó (via 10c) egység fogadására abszolút koordinátái top: 400px, Balra: 300px. FIGYELEM! Animáció nem három bunkó, de simán.
Ez jelenleg nem támogatja minden böngésző