Ez a jelölőnégyzet könyvtár több tucat ingyenes CSS jelölőnégyzetet kínál

Keresni egyedi jelölőnégyzetek UI-stílusai webhelyére? Keress egy pillantást a CSS jelölőnégyzet könyvtár A GitHubon ingyenesen tárolták.

Ez a hatalmas könyvtár támogatja a több tucat stílus jelölőnégyzetet, pl. csúszkák, be- és kikapcsolás, körök és négyzetek sok más alakban.

Ön teljes hozzáférést kap a HTML / CSS kódhoz, így ez a szél, hogy a webhelyén felépüljön és fut. Arról nem is beszélve, hogy teljesen nyitott forrásból származik mind a személyes, mind a kereskedelmi projektek számára elérhető.

Az induláshoz látogasson el a GitHub repo és töltse le az összes fájlt helyileg a gépére. Vagy telepítheti a könyvtárat npm-en keresztül.

Alapértelmezés szerint, minden jelölőnégyzet stílusa saját osztályába tartozik. A checkboxes.min.css A stíluslap mindent tartalmaz, amire szükséged van, így ha ez szerepel az oldaladban, akkor mindent beállítasz.

Minden jelölőnégyzet stílusa támogatja a modern böngészőket és a legördülő böngészőket, beleértve az IE9-et is+.

Ennek a könyvtárnak a munkafolyamata talán a legegyszerűbb, amit valaha láttam. Miután hozzáadta a stíluslapot az oldalához, csak ásni a fő demó összes stílusát és nézd meg, hogy mi áll ki.

Innen kiválaszthatja, hogy mi működik a legjobban. A HTML gombra kattintva megjeleníti a modalot a jelölőnégyzet forráskódjával. Most másolja / illessze be a webhelyére, adja meg a megfelelő nevet / értéket (ha van ilyen), és mindannyian beállítva!

Nincs gond, nagyon kevés testreszabás, és alapvetően nincs szükség kódolási készségekre.

Minden jelölőnégyzet stílusát észreveheti világos és sötét témában jön, nagyobb támogatásért. Ez azt jelenti, hogy nem kell találnia egy olyan négyzetet, amely megfelel a webhelyének. Plusz, tudod használjon további osztályokat mint például .ckbx kicsi vagy .ckbx-xlarge a méret növeléséhez.

Val vel 25+ különböző stílus és sok különböző animáció, Azt kell mondanom, hogy ez a CSS Checkbox Library lenyűgöző. Nagyszerű minden frontend fejlesztőnek, aki időt takarít meg munkafolyamatában és javíthatja a webes felület felhasználói felületének kialakítását.