Gördülő képek az átalakulás a tiszta CSS3

Ma létre egy érdekes scroll képek a nyilakkal és ömlesztett átalakítása kizárólag a korábban már meglévő CSS tulajdonságokat, valamint új funkciók CSS3. Ehhez használjuk néhány trükk CSS.

Főzés HTML

Úgy véljük, hogy tisztában legyenek a alapelveinek HTML nem okoznak problémákat a legtöbb olvasónk, ezért csak azt mutatják, a kód:

Úgy működik, egész egyszerűen. Van több eleme formájában, amit elrejteni, és a címke van társítva minden egyes eleme a formában. Mi stílusokat alkalmazni a címkéket, hogy néz ki, mint a kéz, és azok kapcsolódnak a formában kattintva a megfelelő rádiógomb van kiválasztva a számukra. Ezt követően, ellenőrizze, hogy a megfelelő rádiógombot a CSS kiválasztott, és mozgassa a tekercset a megfelelő helyzetbe egy egyszerű relatív elhelyezése.

Címkék span fenti azonosítók, például kép-5 és hasonlók, - ezt a képet, a kép függőlegesen elmozdul. Mi lehet állítani őket egyenesen CSS stílusokat, így néz ki, mint a képen, vagy amit akarunk. Tartalom belső tag span class info, jelenik meg, amikor a felhasználó belép a megfelelő képet. Akkor hozzá átmeneteket, hogy minden jól működik.

Ez a legfontosabb része. Az általunk használt tulajdonságait zömét átalakulás hogy megteremtse a hatását a mennyiség, amely nem támogatja a korábbi verziók az Opera böngészőt. A régebbi böngészők nem támogatják azokat a tömeges átalakulás a felhasználó látni fogja a szokásos görgetés képeket, anélkül, hogy a háromdimenziós hatást, meg lehet változtatni a jQuery, ha akarja.

Mi egy választó számára a szomszédos elemek, a hullámvonal

így amikor a felhasználó kiválasztja a megfelelő választógombot, azt mutatja, a megfelelő képet. A kód, amit használunk, az alábbiak szerint:

Tehát, ha a felhasználó kiválasztja az első gombot, a teljes görgetés balra tolja 5% -kal, és megmutatja a megfelelő képet. A többi - egy viszonylag egyszerű háromdimenziós átalakítások és átmenetek. Itt van a teljes kód:

következtetés

Translation - Dezhurko

Amint látjuk, a fő összetevők: zeolit, és mosás szóda és szódabikarbóna (ami a keverékben, és hogy ugyanez Tron), valamint néhány SLES és egyéb apróságok. férfi szett

A gyerekek ábrázolják híres hősök rajzfilmek, képregények és a számítógépes játékok.

Először is, műszőrme és a bőr lehet a leginkább szokatlan színek, árnyalatok és minták.

fekete gyöngy Tehát biztos, hogy ellenőrizze a minőségét, címkézés és minősítés.

hagy egy válasz

véletlen cikk

© Ha információt ebből a forrásból a honlapon,
Kérjük, tegyen egy közvetlen, nem zárt keresők link az adó terem.