Táto knižnica Checkbox ponúka desiatky voľných štýlov CSS Checkbox

Hľadám vlastné začiarkavacie políčka UI štýlov pre vaše webové stránky? Pozrite sa na Knižnica CSS Checkbox hosťované zdarma na GitHub.

Táto masívna knižnica podporuje desiatky štýlov pre položky zaškrtávacieho políčka, ako sú posúvače, vzory zapínania / vypínania, kruhy a štvorce medzi mnohými ďalšími tvarmi.

vy získajte plný prístup k kódu HTML / CSS, takže je to vietor, aby si to na vašom webe. Nehovoriac o tom, že je tiež plne otvorený a k dispozícii pre osobné aj komerčné projekty.

Ak chcete začať, môžete navštíviť repozitáre GitHub a stiahnite všetky súbory lokálne do počítača. Alebo môžete nainštalovať knižnicu pomocou npm.

Predvolene, každý štýl štandardu prichádza s vlastnou triedou. checkboxes.min.css štýl list má všetko, čo potrebujete, takže ak je to zahrnuté vo vašej stránke, potom ste všetci nastavený.

Každý štýl štandardu podporuje moderné prehliadače a väčšinu starších prehliadačov, vrátane IE9+.

Pracovný postup pre túto knižnicu je možno najjednoduchší, aký som kedy videl. Po pridaní štýlu šablón pridáte na svoju stránku, stačí kopať všetky štýly na hlavnom ukážke a uvidíte, čo vyniká.

Odtiaľ si môžete vybrať čo najlepšie funguje. Kliknutím na tlačidlo HTML zobrazí modál so zdrojovým kódom pre toto začiarkavacie políčko. Teraz ju skopírujte / prilepte na svoje stránky, dajte mu správny názov / hodnotu (ak je to možné) a vy ste všetci nastavení!

Žiadne ťažkosti, veľmi málo prispôsobenie a v podstate žiadne zručnosti v oblasti kódovania.

Všimnete si každého štýlu začiarkavacieho políčka prichádza v obidvoch svetlých a temných témach, pre väčšiu podporu. To znamená, že by ste nemali mať problém nájsť začiarkavacie políčko, ktoré by vyhovovalo vašim webovým stránkam. Navyše môžete použite ďalšie triedy ako napr .ckbx-small alebo .ckbx-XLarge zvýšiť veľkosť.

s 25 rôznych štýlov a veľa rôznych animácií, Musím povedať, že táto CSS Checkbox Library je pôsobivá. Skvelé pre každého vývojára frontend chcú ušetriť čas vo svojom workflow a zlepšiť dizajn používateľského rozhrania ktoréhokoľvek webového formulára.