Diese Checkbox-Bibliothek bietet Dutzende von kostenlosen CSS-Checkbox-Styles

Auf der Suche nach Benutzerdefinierte Kontrollkästchen-UI-Stile für deine Website? Werfen Sie einen Blick auf die CSS-Checkbox-Bibliothek kostenlos auf GitHub gehostet.

Diese riesige Bibliothek unterstützt Dutzende von Stilen für Checkbox-Elemente, wie Schieberegler, Ein / Aus-Designs, Kreise und Quadrate unter vielen anderen Formen.

Sie Erhalten Sie vollen Zugriff auf den HTML / CSS-Code, Es ist also ein Kinderspiel, es auf Ihrer Website zum Laufen zu bringen. Ganz zu schweigen davon, dass es auch vollständig Open-Source ist verfügbar für persönliche und kommerzielle Projekte.

Um zu beginnen, können Sie das GitHub-Repo und besuchen Laden Sie alle Dateien lokal auf Ihren Computer herunter. Sie können die Bibliothek auch über npm installieren.

Standardmäßig, Jeder Checkbox-Stil verfügt über eine eigene Klasse. Das checkboxes.min.css Stylesheet bietet alles, was Sie brauchen. Wenn das also auf Ihrer Seite enthalten ist, sind Sie fertig.

Jeder Checkbox-Stil unterstützt moderne Browser und die meisten älteren Browser, einschließlich IE9+.

Der Workflow für diese Bibliothek ist möglicherweise der einfachste, den ich je gesehen habe. Sobald Sie das Stylesheet zu Ihrer Seite hinzugefügt haben, klicken Sie einfach auf Durchsuchen Sie alle Styles auf der Hauptdemo und sehen, was auffällt.

Von dort können Sie auswählen, was am besten funktioniert. Klicken Sie auf die HTML-Schaltfläche Zeigt ein Modal mit dem Quellcode für dieses Kontrollkästchen an. Kopieren Sie es einfach in Ihre Site, geben Sie den richtigen Namen / Wert an (falls zutreffend) und Sie sind fertig!

Kein Aufwand, sehr wenig Anpassung und im Grunde keine Programmierkenntnisse erforderlich.

Sie werden jeden Ankreuzfeldstil bemerken kommt in einem hellen und dunklen Thema, für mehr Unterstützung. Dies bedeutet, dass Sie keine Probleme haben sollten, ein Kontrollkästchen zu finden, das zu Ihrer Website passt. Plus kannst du Verwenden Sie zusätzliche Klassen sowie .ckbx-klein oder .ckbx-xlarge um die Größe zu erhöhen.

Mit 25 verschiedene Stile und viele verschiedene Animationen, Ich muss sagen, dass diese CSS Checkbox Library beeindruckend ist. Ideal für alle Frontend-Entwickler, die in ihrem Workflow Zeit sparen möchten Verbessern Sie das UI-Design jedes Webformulars.