Behúzható oldalsáv tiszta css

Az oldalsó menüben. behúzható átkattintás újabban széles körben használják a fejlesztők a telek. A legismertebb a pillanatban, akkor természetesen a navigációs menü, tele gomb alatt a „hamburger” stílusban. Bizonyára közületek mindenki legalább egyszer előforduló internetes oldalon, hogy melyik oldalon, jobbra vagy balra, flaunts Knap ezen típusa: ☰. ha rákattint az adott, és van (jelölt) csatlakozó függőleges menüt.

Rengeteg kész megoldások létrehozása az ilyen panelek segítségével jQuery, az egyes plug-inek és modulok a különböző tartalomkezelő rendszerek.
Ez mind nagyon jól, de vajon lehetséges-e, hogy végre oldalra csúszó panel teljes egészében nélkülözhető a CSS? Természetesen lehet! De légy óvatos))), egy szem, hogy nem minden böngésző egyformán jól karbantartott, modern épület CSS3.


Behúzható oldalsáv tiszta css

Ma megmondja és megmutatja példát, hogyan kell használni a „mágikus CSS» lehet zababahat, jelenleg működő, tálaló, visszahúzható kattintva.
Kezdjük azzal, hogy a hagyomány szerint zavedonnoy, nézd élénk például a vezérlőpanel, stb, együtt azokkal, akiknek meg kell vizsgálni a teljes egyensúly, hogy mi, hogyan és miért. Készüljünk összeállított kérdések beállítások menüben található, a bal és a jobb oldalon:

HTML-elrendezés

Kezdeni az elemzést a panel kapcsoló, amely használható, mint egy szabványos doboz (jelölőnégyzet):

Van egy négyzetet a felső részét a dokumentum közvetlenül a címke után jobban . Előírja a rejtett attribútummal. közvetlenül megadja az állam a „rejtett” ebben a tétel, valamint egy egyedi azonosító, id = „nav-kapcsoló”, például egy csomó tulajdonság tag

Ahogy göngyölő tartalom címke használható oldalsáv