Sunteți aici: Pagina principală - CSS - CSS3 - Cum descărca animații de pe CSS3 pur.
Bună ziua tuturor! În acest articol, vom face animatii de boot pe CSS3 pur.
Poate că acum crezi că este foarte dificil, dacă nu imposibil, dar te înșeli. Do încărcare animație CSS3 extrem de usor! Să vedem cum.
În primul rând, creați div în html
Ne întoarcem acum la stilurile
@keyframes de spin 100% transformare: rotate (360deg);
>
>
.Lățimea Spinner: 30px;
înălțime: 30px;
frontieră: solid 6px # 000;
la stânga-border-color: # 333;
border-dreapta-culoare: transparent;
border-bottom-color: # 555;
border-radius: 100%;
600ms de spin liniare infinit;: animație
>
Asta este! animație nostru este gata! Simplu, nu-i așa? Acum este necesar să spun câteva cuvinte despre modul în care am făcut-o, să nu mai întrebări.
În primul rând, ne-am stabilit pur și simplu lățimea și înălțimea blocului nostru, atunci fă-o într-un cadru de culoare 6px solid negru. Apoi facem partea stângă și partea de jos a cadrului, în culori diferite, iar regulile în mod clar că efectul a fost vizibil mai bine. În final, ne-am totul rotunjit cu proprietatea border-radius și rula animație liniar care se rotește doar cercul nostru.
Asta e cât de ușor este de a face descărcare de animație pe CSS3.
tu și urăm mult succes!