Tämä valintaruudun kirjasto tarjoaa kymmeniä ilmaisia CSS-valintaruutuja
Etsii mukautetut valintaruudun käyttöliittymän tyylit sivustoosi? Ota kurkistus CSS-valintaruudun kirjasto GitHubissa on ilmainen.
Tämä massiivinen kirjasto tukee kymmeniä valintaruutujen kohteita, kuten esimerkiksi liukusäätimiä, päälle / pois malleja, ympyröitä ja neliöitä monien muiden muotojen joukossa.
Sinä saat täyden pääsyn HTML / CSS-koodiin, joten se on helppoa saada se käyttöön ja käyttää sivustossasi. Puhumattakaan siitä, että se on myös täysin avoin ja saatavilla sekä henkilökohtaisiin että kaupallisiin hankkeisiin.
Aloittaaksesi voit vierailla GitHub-repossa ja Lataa kaikki tiedostot paikallisesti koneellesi. Voit myös asentaa kirjaston npm: n kautta.
Oletuksena, jokaisen valintaruudun tyylin mukana tulee oma luokka. checkboxes.min.css tyylitaulukossa on kaikki mitä tarvitset, joten jos se on mukana sivulla, olet kaikki asettanut.
Jokainen valintaruudun tyyli tukee nykyaikaisia selaimia ja vanhimpia selaimia, mukaan lukien IE9+.
Tämän kirjaston työnkulku on ehkä yksinkertaisin, mitä olen koskaan nähnyt. Kun olet lisännyt tyylitaulukon sivullesi, vain kaivaa kaikki demon päätyylit ja katso, mikä erottuu.
Sieltä voit valita mitä toimii parhaiten. Napsauttamalla HTML-painiketta näyttää modaalin, jossa on lähdekoodin valintaruutu. Kopioi / liitä se nyt sivustoosi, anna sille oikea nimi / arvo (jos käytössä), ja olet kaikki asetettu!
Ei hätää, hyvin vähän räätälöintiä, eikä periaatteessa tarvita mitään koodausta.
Huomaat jokaisen valintaruudun tyylin tulee sekä vaalea että tumma teema, suurempaa tukea. Tämä tarkoittaa, että sinun ei pitäisi olla vaikea löytää sivustoosi sopivaa valintaruutua. Plus, voit käytä muita luokkia kuten .ckbx-pieni tai .ckbx-XLarge lisätä kokoa.
Kanssa 25 + eri tyylejä ja monia erilaisia animaatioita, Minun on sanottava, että tämä CSS-valintaruutu on vaikuttava. Sopii kaikille frontend-kehittäjille, jotka haluavat säästää aikaa työnkulussaan ja parantaa minkä tahansa web-lomakkeen UI-suunnittelua.
