Deze checkboxbibliotheek biedt tientallen gratis CSS-checkboxstijlen
Zoeken naar aangepaste checkbox UI-stijlen voor jouw website? Neem een kijkje op de CSS Checkbox Bibliotheek gratis gehost op GitHub.
Deze enorme bibliotheek ondersteunt tientallen stijlen voor checkbox-items, zoals schuifregelaars, aan / uit ontwerpen, cirkels & vierkanten en vele andere vormen.
U volledige toegang krijgen tot de HTML / CSS-code, dus het is een fluitje van een cent om het op uw site in gebruik te nemen. Om nog maar te zwijgen van het is ook volledig open-sourced en beschikbaar voor zowel persoonlijke als commerciële projecten.
Om te beginnen, kunt u de GitHub-repo en bezoeken download alle bestanden lokaal naar uw machine. Of u kunt de bibliotheek via npm installeren.
Standaard, elke checkbox-stijl heeft zijn eigen klasse. De checkboxes.min.css stylesheet heeft alles wat je nodig hebt, dus als dat op je pagina staat, ben je helemaal klaar.
Elke checkbox-stijl ondersteunt moderne browsers en de meeste oudere browsers, inclusief IE9+.
De workflow voor deze bibliotheek is misschien de eenvoudigste die ik ooit heb gezien. Zodra u het stylesheet aan uw pagina heeft toegevoegd, gewoon doorzoek alle stijlen van de hoofddemonstratie en zie wat opvalt.
Van daaruit kun je kiezen wat het beste werkt. Klikken op de HTML-knop geeft een modaal weer met de broncode voor dat aankruisvak. Kopieer en plak het nu gewoon in uw site, geef het de juiste naam / waarde (indien van toepassing), en je bent helemaal klaar!
Geen gedoe, heel weinig maatwerk en eigenlijk geen codeervaardigheden vereist.
Je ziet elke checkbox-stijl komt in zowel een licht als donker thema, voor meer ondersteuning. Dit betekent dat u zonder problemen een selectievakje moet vinden dat bij uw website past. Plus, dat kan gebruik aanvullende klassen zoals .ckbx-small of .ckbx-xlarge om de maat te vergroten.
Met Meer dan 25 verschillende stijlen en veel verschillende animaties, Ik moet zeggen dat deze CSS-checkboxbibliotheek indrukwekkend is. Geweldig voor elke frontend-ontwikkelaar die tijd wil besparen in zijn workflow en het UI-ontwerp van elk webformulier verbeteren.
