animáció létrehozása
CSS3 lehetővé teszi, hogy ne csak mozgatni a blokkokat árnyalat igen, de még hozzá mindehhez jó sokféle animációt. És ha megpróbálja, akkor még nem nagyon bonyolult dolog.
Most tekintsünk két lehetőségeket teremt számukra.
És meg kell, hogy vissza lett négyzet, ha a kurzor. Oké, adjunk hozzá egy szabályt a: hover pszeudo osztály
Működik, de csak két állam: egy kör és egy négyzet. Nincs átmenet.
Add segít az átmenet ingatlan.
Tegyük fel, hogy csak azt kell óvatosan egy másodpercig változtatni az állam:
Ha az átmeneti tulajdonságokat mindkét irányban azonos, adja meg az átmenet területén elég alap elem (mint a példában), de ha van más lenni, ez azt jelzi, mindegyik állapot megfelel az ingatlan értéke.
Kész, te csodálatos!
By the way, ha az animáció véget kell ugyanazon a helyen, ahol kezdeni, akkor ne írjanak.
Oké, már regisztrált kulcskockát hogy vele csinálni most?
Most meg kell hívni az animációt a kívánt objektum animációs funkció.
Tegyük fel, hogy szükségünk van egy időszak 4 másodpercig, végtelen, természetesen.
Kiderült, hogy nem szép, nem? Hiányzik simaságát.
Meg kell határozni a értéke animáció-időzítés-funkciót.
Csináljunk animációs Bole simán gyorsult a mondat elején, és lelassította a végén.
Most minden rendben van.
