Orei bune din timpul zilei. 🙂
Marcaj HTML
În locul potrivit, adăugați o linie de genul:
Stiluri CSS
În foaia dvs. de stil trebuie să adăugați următoarele stiluri, care organizează animația și stabilesc aspectul animației.
Să examinăm câțiva parametri pentru a putea personaliza animația.
- În linia - animație: treceți cu trepte infinite (8); - doi parametri pe care îi puteți configura. Primul este momentul de animație completă, în acest caz este 1 secundă - 1 secundă. Al doilea este numărul de pași pentru care va fi efectuată animația. În cazul nostru, 8, pentru că avem 8 benzi ca în exemplu. Efectul va fi similar cu lovirea fiecărei benzi la rândul său.
Dacă setați valoarea, de exemplu - 50, animația va arăta ca un bliț, va fi netedă și moale. - În linia - transform: rotate (1turn); - Puteți seta valoarea la 1turn. În paragraful anterior, am desemnat timpul de animație - 1 secundă, iar acest parametru stabilește numărul de revoluții pe secundă. În acest caz - 1 viraj.
- Clasa de progres are un parametru de dimensiune font: 8px; cu ajutorul acestuia puteți ajusta dimensiunea acestei animații. Doar modificați numărul.
De asemenea, puteți ajusta alți parametri, culori și așa mai departe. Dacă faceți totul corect și personalizați pentru dvs., veți obține un rezultat excelent care vă va decora site-ul sau pagina.
Utilizați animații de descărcare pe site-ul dvs.?
Asta e tot, vă mulțumesc pentru atenția acordată. 🙂
Bună dragă prietenă
Aveți extensia AdBlock sau altele asemenea. Adăugați site-ul meu pe lista albă, contribuind astfel la dezvoltarea sa. Instrucțiunea cum să dezactivați AdBlock Vreau aceeași fereastră
Articole similare
Trimiteți-le prietenilor: