See märkeruut Raamatukogu pakub kümneid tasuta CSS-märkeruute

Otsin kohandatud märkeruut UI-stiilid teie veebisaidile? Pöörake pilgu peale CSS-i märkeruudu raamatukogu GitHubis tasuta.

See tohutu raamatukogu toetab kümneid märkeruute, nagu näiteks liugurid, sisse- / väljalülitamise kujundused, ringid ja ruudud paljude teiste kuju vahel.

Sina saada täielik juurdepääs HTML / CSS koodile, nii et see on imelihtne, et see saidil käivitada ja käivitada. Rääkimata see on ka täiesti avatud ja kättesaadav nii isiklikele kui ka ärilistele projektidele.

Alustamiseks võite külastada GitHub repot ja laadige kõik failid teie arvutisse kohapeal. Või võite raamatukogu installida ka npm kaudu.

Vaikimisi, iga märkeruudu stiil kuulub oma klassi. The kastid.min.css stiililehel on kõik, mida vajate, nii et kui see on teie lehele lisatud, siis olete kõik seadistatud.

Iga märkeruudu stiil toetab kaasaegseid brausereid ja kõige vanemaid brausereid, sealhulgas IE9+.

Selle raamatukogu töövoog on ehk kõige lihtsam, mida ma kunagi näinud olen. Kui olete oma lehele lisanud stiili, lihtsalt kaevake läbi kõik peamised demod ja vaata, mis paistab silma.

Sealt saate valida, mis sobib kõige paremini. Klõps HTML-nupul kuvab selle kasti lähtekoodiga modaali. Nüüd kopeerige / kleepige see oma saidile, anna talle õige nimi / väärtus (kui see on kohaldatav) ja olete kõik seadistatud!

Pole kiusatust, väga vähe kohandamist ja põhimõtteliselt vajalikke kodeerimisoskusi.

Sa märkad iga märkekasti stiili on nii kerge kui ka tume teema, suurema toetuse saamiseks. See tähendab, et teil ei tohiks olla probleeme veebisaidile sobiva märkeruudu leidmisega. Lisaks saate kasutada lisaklasse nagu näiteks .ckbx-small või .ckbx-xlarge suuruse suurendamiseks.

Koos 25 + erinevat stiili ja palju erinevaid animatsioone, Ma pean ütlema, et see CSS Checkbox Library on muljetavaldav. Suurepärane iga frontendi arendaja jaoks, kes soovib oma tööprotsessis aega säästa parandada mis tahes veebivormi kasutajaliidese disaini.