A képkockák, css útmutató
CSS szabályt @keyframes lehetővé teszi a fejlesztő, hogy ellenőrizzék a CSS közbenső lépéseket animálva megmunkálási sorrendben létrehozásával fő kereteket (vagy útpontok) mentén animáció már elért bizonyos időpontokban animáció végrehajtását. Ez ad több ellenőrzése alatt a köztes szakaszában az animáció, mint amikor a böngésző kezeli mindent automatikusan.
Ahhoz, hogy használni a kulcs képkockák, hozzon létre egy szabályt nevű @keyframes, amelynek a segítségével az animáció tulajdonság (vagy animáció-név) hozzáadni a listát a legfontosabb kereteket az animáció. Minden szabály @keyframes listáját tartalmazza stílusok szelektor fő kereteket, amelyek mindegyike tartalmaz egy százalék az animáció, ami a legfontosabb keret, és egy blokk-kód, amely információkat tartalmaz a stílust ez keyframe.
Felsorolni Kulcsképek lehet bármilyen sorrendben, akkor még mindig lehet feldolgozni abban a sorrendben, amelyben meghatározott százalékkal csökken, amikor meg kell dolgozni.
Az érvényes értékek szelektor Kulcsképek
Ahhoz, hogy a lista Kulcsképek helyesnek, annak tartalmaznia kell legalább két érték: 0% (vagy) és 100% (vagy), hogy van, start és stop animációs ciklust. Ha mindkét érték nincs megadva, akkor az összes CSS szabályt elfogadhatatlannak tartják, és nem lehet használni az animációt.
Ha egy szabály tulajdonságai, amelyeket nem lehet animált, akkor kell figyelembe venni, hanem támogatott tulajdonságokat továbbra is animált.
ingatlan értékének
Szükséges. Nevét adja meg az animációt.
Szükséges. Az eredmények azt mutatják százalékában időtartamának az animációt.
0-100%
a (ugyanaz, mint a 0%)
a (ugyanaz, mint a 100%)
Megjegyzés: Megadhat több szelektor egy keyframe animációt.
Szükséges. Egy vagy több érvényes CSS stílus tulajdonságait.
Az eredmény ebben a példában: