Galéria növekvő kép a weboldal segítségével CSS3, rudebox

Lehet, hogy már többször is meg kellett küzdenie a hagyományos dobozok vagy modális ablakok. De ha fut a blog vagy weboldal kuriruete akkor valószínűleg találkozott árnyalatot kijelző a képeket az oldalon. Olyan esetek, hogy helyezze a nagy képek a helyszínen nem praktikus, mert úgy sok helyet, és ha túl kicsi, akkor nem világos, hogy a kép ennek a kompromisszumra. Ebben a leckében megnézzük, hogyan lehet létrehozni egy egyszerű zoom képek CSS segítségével.

És így, meg kell kattintva a kép nagyobb, de ez hozzá közel gombképet. És így, kezdjük.

1. lépés: HTML

És így, nézd meg a szerkezet, van egy közös tároló, amely tartalmazza a teljes szerkezet közepén a tárolót a gyermek elemek, például képek és zárása telepített kép osztályok. Ezen kívül használjuk az osztály: cél, amely biztosítja a teljesítményt ablakok.

• las de mivel fel az oldalra.
• David: Köszönöm a tippet)
• Kata: A polgárok egy értéktelen egér között nagyítóval! Ahhoz, hogy távolítsa el a nyilat, meg kell adni .pelda kurzort.
• serj_ben: Köszönöm szépen) korrigálni!
• DiCorp: Hello. Szerint a írásképtelensége írsz ide. Észrevettem kis kosyachki oldalon. 1) K
• serj_ben: 4 hozzászólás naponta) kösz olvas minket) jó estét.
• rastawarr10r: három hozzászólás egy nap alatt! Nos, az úton, hála a jó dolgokat :).
• serj_ben: érintse fel, bocs, nem láttam ((

blog poll

Partnereink

Népszerű cikkek