Și de a face efecte interesante și animații pe site-ul

Mai departe în pădure mai dezvoltă tehnologii și instrumente pentru dezvoltare web, cu atât mai ușor devine pentru webmasteri. Deci, pentru a crea efecte interesante pe un site este o modalitate foarte bună cu utilizarea de animație pe CSS3 și jQuery plugin-întârziere efecte în locurile potrivite, sau apel la anumite evenimente.

Mai departe. Trebuie să vă conectați la o bibliotecă de site-ul jquery. conectați wow.js și fișier animate.css mega cu efecte de animație pe CSS3. Animate.css oferă mai multe zeci de efecte de animație pentru fiecare gust. Ce efecte sunt disponibile și ce trebuie să faci pentru a lua clase, pot fi găsite pe site-ul dezvoltatorului.

Cazul rămâne pentru inițializarea wow.js plugin, configurația acestuia, precum și prescrierea claselor corecte în șablonul site-ului.

De fapt, cele mai interesante din punct de vedere al efectelor calitative realizare este parametrul offset. orice altceva este opțională. Setarea parametrilor de offset este definit pentru a cresta elementul din partea de jos a ecranului, valoarea implicită 0, - acesta este punctul în care elementul este vizibil în fereastra browser-ului, partea de jos a ecranului. Dacă doriți să ridice un punct de mai sus începe animație, de exemplu, dacă pagina este lung și doriți să declanșeze animație atunci când defilare nu se întâmplă în partea de jos a ecranului, ca mai sus, apoi se adaugă valoarea amprentei. Să presupunem că definim răspunsul indentare de animație la punctul de pe înălțimea 100px de la marginea de jos a ecranului.

Valoarea acestei indentare poate fi setat într-un script sau plug-apel atribut de date care specifică pentru fiecare element separat, de mai jos.

Rămâne să adăugați clase și, dacă este necesar, atribute de date specifice ale elementelor din șablonul sayta.Plagin suportă următoarele atribute.

date-wow-durată. schimba lungimea animației
date-wow-întârziere. Întârzierea înainte de animație
date-wow-offset. Distanța pentru a porni animație, partea de jos a ferestrei browser-ului frontierei
date-wow-iterație. Numărul de reluari de animație

Se joaca cu parametrii pentru a seta animația de întârziere și viteza de animație poate avea succes.

Un exemplu simplu. Blocul următor va fi în mod continuu on-line cu viteza de secunde întârziere de animație 2, înainte de animație în 1,5 secunde.