Ta knjižnica s potrditvenimi polji ponuja desetine brezplačnih stilov CSS potrditvenega polja
Iskati Slogi uporabniškega vmesnika po meri za vašo spletno stran? Pokukajte na Knjižnica potrditvenega polja CSS gostuje brezplačno na GitHubu.
Ta ogromna knjižnica podpira desetine slogov za elemente potrditvenega polja, kot so drsniki, on / off modeli, krogi in kvadrati med mnogimi drugimi oblikami.
Ti dobite popoln dostop do kode HTML / CSS, tako, da je preprost, da ga dobite in teče na vaši strani. Da ne omenjam, da je tudi popolnoma odprt in za osebne in komercialne projekte.
Za začetek lahko obiščete GitHub repo in prenesite vse datoteke lokalno na vaš računalnik. Lahko pa namestite knjižnico tudi z npm.
Privzeto, vsak stil potrditvenega polja ima svoj razred. The checkboxes.min.css stylesheet ima vse, kar potrebujete, tako da, če je to vključeno v vašo stran, ste pripravljeni.
Vsak slog potrditvenega polja podpira sodobne brskalnike in večino starejših brskalnikov, vključno z IE9+.
Potek dela te knjižnice je morda najpreprostejši, kar sem jih kdaj videl. Ko je na vaši strani dodana slogovna datoteka, samo izkopajte vse sloge v glavnem predstavitvi in poglejte, kaj izstopa.
Od tam lahko izberete vse, kar je najbolje. Kliknite gumb HTML prikaže modal z izvorno kodo za to potrditveno polje. Zdaj samo kopirajte / prilepite na svoje spletno mesto, podajte ustrezno ime / vrednost (če je primerno) in vsi ste nastavljeni!
Ni težav, zelo malo prilagajanja in v bistvu ni potrebnih znakov kodiranja.
Opazili boste vsak slog potrditvenega polja prihaja v svetli in temni temi, za večjo podporo. To pomeni, da ne boste imeli težav pri iskanju potrditvenega polja, ki se prilega vašemu spletnemu mestu. Plus, lahko uporabite dodatne razrede kot naprimer .ckbx-small ali .ckbx-xlarge za povečanje velikosti.
S 25+ različnih stilov in veliko različnih animacij, Moram reči, da je CSS Checkbox knjižnica impresivna. Odlično za vse razvijalce frontendov, ki želijo prihraniti čas pri svojem delovnem procesu izboljšati oblikovanje uporabniškega vmesnika katerega koli spletnega obrazca.
