A Tuesday.css most a legforróbb animációs könyvtár
Most már ismerni kell Animate.css mint az elsődleges animációs könyvtár webes tervezők között.
De van egy új gyerek a nevezett blokkban kedd, és ez a webes animáció erővel történő elfogadása.
Ez az új könyvtár nem egészen más a formátumban vagy a végrehajtásban. De kedden jön egy maroknyi új CSS animációk hogy te nem talál máshol.
Ezek az új hatások sokkal finomabb a természetben így tényleg szépen keveredik be egy oldalra. Itt van egy kis hatások listája választhat:
- Fade & expand
- Fade & zsugorodik
- Bélyegző és ugrál
- Szögletes hinta
- Húzza be a bal / jobb oldalt
- Squash / szakaszon
- Zsanér
Ha ezen a listán a demóoldalon keresztül megy, észre fogod venni, hogy az összes effektus van közös dolog: a fizika.
Nagyon jól éreznek magukat reális a fizika alapjaira, és úgy tűnik tartsa be a gravitációs törvényeket. Ezen animációk egyike sem túlzottan magas, sem idegen. ők finom, mégis észrevehető és ami még fontosabb, ők hihető.
Azt hiszem, a kedd az egyik legjobb modern CSS animációs könyvtár, mivel bemutatja a webes animáció reális nézete.
Nem szabad olyan őrült interfész-effektusokat terveznünk, amelyek kiemelkednek, mint egy fájdalmas hüvelykujj. Finomság mindig a játék neve, mert interaktivitásérzetet teremt bármelyik felhasználói beviteltől függetlenül attól, hogy ez egy kattintás vagy görgetés.
A bajok mindig is ezeket az animációkat írták le semmiképpen, és megszerették őket, hogy jól nézzenek ki. De most, kedden, az aggodalmaik el tudnak repülni az ajtón.
Éppen töltse le a másolatot a GitHub-tól és adja hozzá a .css fájlba. Valóban használja a CDN verziót közvetlenül a GitHub-tól ha nem akarsz semmit helyben letölteni.
Miután ezt hozzáadta a weboldalához, csak csatolja a .élő osztályok bármelyikével együtt a GitHub repóban. A kódja így nézhet ki:
Kedd van.
Vessen egy pillantást a teljes dokumentáció látni az összes be / ki animációs osztály listája.
Ha JavaScript használatával is dolgozik, akkor is ezeket az osztályokat dinamikusan adjuk hozzá kattintás / lebegés eseményeken. Így csak akkor lehet hozzáadni az animációs osztályt, ha egy felhasználó rákattint egy gombra, ami úgy tűnik, hogy animációra kattint.
Olyan sok mindent lehet tenni kedden, és ez az új Animate.css a pragmatikus felhasználói felület animációk számára.
Keress egy pillantást a demóoldal látni, hogy élnek, és többet is megtudhatsz olvasson keresztül “a készítésben” posta amely arról beszél, hogy a Shakr csapata kedden jött létre.
