Hogyan készítsünk animáció letölthető tiszta css3
Ön itt van: Home - CSS - CSS3 - Hogyan letölthető animációk tiszta CSS3.
Hello mindenkinek! Ebben a cikkben, akkor nem rendszerindító animációk tiszta CSS3.
Talán most úgy gondolja, hogy ez nagyon nehéz, ha nem lehetetlen, de tévedsz. Tedd betöltése animáció CSS3 rendkívül egyszerű! Lássuk, hogyan.
Először hozzon létre a div html
Most viszont, hogy a stílusok
@keyframes forogni 100% transzformáció: Forgatás (360deg);
>
>
.spinner szélesség: 30px;
magasság: 30px;
border: 6px szilárd # 000;
border-left-color: # 333;
border-jobb szín: átlátszó;
border-bottom-color: # 555;
határ-sugár: 100%;
animáció: centrifugálás 600ms végtelen lineáris;
>
Ez az! Animációs kész! Egyszerű, nem? Most meg kell mondani néhány szót arról, hogyan csináltuk, hogy nincs több kérdés.
Először is, egyszerűen állítsa a szélessége és magassága a blokk, akkor csináld a keretben 6px fekete egyszínű. Akkor mi a bal alsó és a keret különböző színekben, és a szabályokat egyértelművé teszik, hogy a hatás jobban látható. A végén már csak kerek egészet azzal a tulajdonsággal, border-radius és fuss lineáris animáció, amely forog, csak a mi körbe.
Ilyen egyszerű ez, hogy az animáció letölthető CSS3.
Köszönöm, és sok szerencsét!