Astăzi vă vom arăta cum să lucrați cu biblioteca CSS3, care va transforma creația de animație într-un proces plăcut și ușor: Animate.css.
Animate.css este o bibliotecă pentru crearea animației utilizând CSS3. Această bibliotecă acceptă mai mult de 50 de efecte diferite de animație, care aproape toate lucrează în diferite browsere susținute de CSS3.
Aceste efecte pot fi aplicate atât textului cât și imaginilor, formelor și așa mai departe.
Pentru a activa Animate.css, conectați clasele necesare la elementul de pagină. Mai întâi, conectați fișierul animate.css în secțiunea cap. Puteți descărca biblioteca din depozit pe Github.
În primul rând, trebuie să alocăm clasei "animate" elementului dorit, apoi să urmeze clasa de tip animație.
Setări avansate pentru CSS
Dacă vrem ca animația să nu se oprească sau timpul de execuție a acesteia a fost diferit, atunci trebuie să corectăm câteva valori.
Pentru a derula animația n-a sau pentru un număr infinit de ori, putem corecta atributul animație-iterație-număr. Nu uitați să specificați un prefix de browser pentru webkit, moz, etc. Pentru derulare infinită, setați valoarea la infinit.
Dacă trebuie să reproducem animația de mai multe ori, atunci puteți să o urmăriți în acest fel.
Pentru a modifica timpul de redare, puteți corecta proprietățile de durată a animației și de întârziere a animației. exemplu:
Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!
Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!
Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!
Articole similare
-
Collageit - un instrument simplu pentru crearea de colaje (masa), doar un mac
-
Instrucțiuni pentru crearea unui bot pentru telegramă fără abilități de programare
-
De ce a fost creat Satana nu este creația răului nu este rău
Trimiteți-le prietenilor: