regula @keyframes seturi keyframes pentru elementul de animare. A cadrelor cheie al acestui punct proprietăți (transparență, culoare, poziție, etc.) pentru a fi aplicate la un element la un moment dat. Astfel, animație este o buna proprietăți stil de tranziție de la un cadru cheie la altul. Calcularea valorilor intermediare între aceste cadre suportă browser-ul.
Cea mai simplă opțiune, atunci când avem doar două cadre cheie - starea inițială și finală (Figura 1.).
Fig. 1. Element Moving
În acest caz, @keyframes scrisă în forma următoare:
În acest caz, vom da caseta numele nostru set. atunci va fi implicat în proprietatea animație și de a determina că elementul este lăsat să se modifice valoarea unei proprietăți de la 0 la 300 pixeli. În loc de cuvinte cheie din și pot fi utilizate, respectiv, 0% și 100%.
cadrele cheie nu sunt în mod necesar trebuie să înceapă de la 0% și 100% la sfârșitul. Animația nu se va întâmpla imediat.
Sintaxa?
denumiri
Se specifică tipul de valori.
Valorile trebuie să fie afișate în această ordine.
<размер> <цвет>
Aceasta indică faptul că este necesar să se aleagă o singură valoare a propus (A sau B).
Fiecare valoare poate fi utilizat singur sau împreună cu alții, în orice ordine.
Următorul tabel browser-ul se aplică.
- - proprietatea este susținută în totalitate de browser-ul, cu toate valorile valide;
- - proprietate a browser-ul nu este perceput și ignorat;
- - în timpul funcționării poate cauza diferite erori sau proprietate este menținută doar parțial, de exemplu, nu toate valorile sau proprietățile valabile nu sunt aplicabile tuturor elementelor specificate în caietul de sarcini.
Numărul indică versiunea browser-ului de la care este acceptată caracteristica.
recomandat
proprietăţi CSS
valori de proprietate
Site-ul include ghiduri pentru diferite tehnologii Web, precum și pagini web de management vorstke și dezvoltarea de aplicații mobile.