Hogyan kell használni
Mi Animate.css?
alkalmazás Animate.css
Az első dolog az, hogy használja a könyvtárat a letöltés után - dugja be a HTML fájlban:
A bevezetés után a könyvtár egy weboldalt, akkor kap hozzáférést biztosít az összes animációk, és felszólítja bármely elemét igényel csak rendelni animációs osztály, hogy egy helyet, és adja meg a nevét a kívánt animációt. Listája animációk itt. Például:
Gyakorlati tanfolyam adaptív layout Landing semmiből!
Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon
Képzeld el, ez HTML:
Szeretné animálni, amikor megnyomja részén beúsztatással. Először adja meg a homály, hogy 0. Ekkor dinamikus hozzáadása osztályok:
Ha azt szeretnénk, akkor lehet módosítani a CSS animáció sebessége, mint itt látható:
Továbbá lehetőség van megváltoztatni a késleltetés felbontás és száma animációk keresztül veszteségeit animációs késleltetési és animációs-iteráció-szám.
Szintén nagyon jó kapunk, ha a végén az animáció és a hívás funkció bemutatni, hogy adja meg az egyéb animációk, vagy egyszerűen futtassa a funkciót. Úgy kell használni az esemény egyik, csatolja a végén az animáció, és adjunk hozzá egy elem osztály szükségessé tette animáció. Ebben az esetben azt is hozzá késleltetheti az osztály, amely biztosítja a késedelem a kijelző eltűnésének fade in és fade out:
Ami a CSS, akkor csak hozzá egy osztályt késleltetés:
A helyszínen Codepen demoprimer ez az animáció.
következtetés
Mi nagyon sokat, mint a CSS animációt, és a megjelenése egy ilyen könyvtár nagyban leegyszerűsíti annak használatát, és ezen túlmenően, az összes animáció egy cross-browser, ami önmagában - egy hatalmas plusz.
Felülvizsgálat: Team webformyself.
Gyakorlati tanfolyam adaptív layout Landing semmiből!
Ismerje meg a semmiből elő adaptív Landing HTML5 és a CSS3 a következő 6 napon
A legtöbb IT hírek és webfejlesztés A csatorna-távirat
