Zăpadă folosind animații CSS3

Dar, în general, cu tot stilul site-ului devine mai vie, există o stare de spirit festiv. Va trebui să-l adapteze un pic pentru a face să funcționeze așa cum doriți, dar nu ia mult. Deci, să instalați.

Principiul de funcționare și instalare

Mai întâi trebuie să explice principiul, dar nu vom intra în astfel de detalii cu privire la modul de a crea o animație a CSS3, acest lucru nu este o lecție. Inițial a fost un bloc de căderi de zăpadă cu lățime fixă, dar acest lucru nu este recomandabil.

Selectați blocul de pe site-ul în care se va organiza zăpada necesară. De exemplu, vom bloca cu .top de clasă. a pus în interiorul ninsoare HTML-cod (mai jos), adică între

:

Pentru zăpadă a fost în acest bloc, trebuie să vă înregistrați poziția unității .top: relativă. ca aceasta:

instalare directă

Start împrumuturi pentru instalarea de stiluri CSS și activarea animației. Pentru a face acest lucru, vom introduce următorul cod în foaia de stil. O altă notă este recomandat să păstrați imaginile de zăpadă pe site-ul dvs., astfel încât să nu aveți probleme cu încărcare.

Și apoi lipiți un mic zăpadă de cod HTML. Alegeți exact unitatea, care ar trebui să meargă la zăpadă.

Deoarece ninsoarea pe CSS3 este format din mai multe straturi, care pur și simplu în jos pe bloc, acesta poate fi o situație în care elementele din unitatea nu poate îndeplini funcțiile. Dacă se întâmplă acest lucru, poeksperementiruyte cu Z-index.