A forgatás az elemek, gombok, ikonok, lebeg blokkok felhasználásával css, tervezés és fejlesztés az oldalon

Jó napot kívánok. 🙂

Látogatás mások weboldalakat lehet, hogy észrevette érdekes hatást, például az azonos ikonok, hogy elmondja a szociális hálózatok, ha mozog, akkor óramutató járásával megegyező irányú. Ez a hatás nagyon érdekes, nem egy közönséges és elég észrevehető. Miközben írom egy cikket, és úgy döntött, hogy telepítse magát 🙂

Annak érdekében, hogy megvalósítani terveinket, akkor kell két CSS paraméter.

• átmenet - a paraméter, amely arra kéri az animációt.
• átalakítani - a lehetőséget, amely megteremti animációk és forgatja az ikonok.

És mi is meg kell határozni, hogy egy elem, amely felébredünk fordulni. Ezután kérje egy osztály, vagy ha az osztály már be van állítva, hogy adjunk a következő stílusokat. Ebben az esetben az osztály egy elem - .block.

Csak állítsa be a paramétereket az elem átmenet. Tegyen fel egy csomó időt a határon böngésző - -moz átmenet, -webkit átmenet, -o-átmenet-MS-átalakulás, átmenet.

Minden egyetlen érték - 0,8 mp. ami azt jelenti, hogy az animáció tart 0,8 másodpercig. Tehát mi lehet változtatni, hogy gyorsítani vagy lassítani a hatást.

Element ha mozog (az ingatlan -: hover) - állítsa be a paramétereket átalakítani. Azt is kérte egy csomó időt a határon böngésző és értéke - 360deg. Ez Fok, amely elforgatja a képet. 360 - azaz a teljes fordulatot, ha szeretné beállítani nem teljes viszont csökkentheti az értéket.

Most akkor forog minden elemet kérve érdekes hatást.

Ez minden, köszönöm a figyelmet. 🙂

Ha hasznos volt a munkámhoz, támogatni tudja a helyszínen :)

Szia kedves barátom

Van AdBlock telepített bővítmény vagy hasonlók. Add oldalamon a fehér listát, és így vnesesh hozzájárulnak kialakulásához. Arról, hogy hogyan tiltsa AdBlock szeretné ezt az ablakot