Bttn.css - Awesome CSS Buttons unter 4Kb
Mit so vielen kostenlose CSS-Snippets und Codegeneratoren, Das Rad muss nicht neu erfunden werden. Intelligente Entwickler verlassen sich auf vorhandene Bibliotheken, um einfache Seitenelemente wie Navigationsmenüs und Schaltflächen zu erstellen.
Eine solche Bibliothek ist Bttn.css, erstellt vom Entwickler Ganapati V S. Seine Arbeit ist exquisit und diese Schaltflächenbibliothek ist eine der besten für die moderne Frontend-Entwicklung.
Auf der Buttons-Homepage können Sie zwischen wählen kleine, mittlere und große Größen, zusammen mit verschiedene Farbschemata. Die Knöpfe kommen vorgefertigt und bereit zu gehen, Sie brauchen also nur die eigentliche CSS-Bibliothek und die richtigen Klassen für Ihre Schaltflächen.
Sie können die Bibliothek herunterladen von GitHub oder Sie können das verwenden CDN-Version für lokale Tests. Es sogar arbeitet in Cloud-IDEs Wie CodePen, wenn Sie es in Ihrem Browser ausprobieren möchten.
Bttn.css ist eigentlich eine kleinere Bibliothek über 13 verschiedene stile. Einige davon umfassen Materialstile, Farbverläufe, Geister-Schaltflächen und die traditionellen Pill-Schaltflächen mit abgerundeten CSS3-Rändern.
Beachten Sie diese Bibliothek ist ähnlich der Butns-Bibliothek in einer verkürzten Schreibweise von “Tasten” und reiner CSS-Code.
Bttn.css bietet jedoch an verschiedene Arten von Knöpfen, anstatt einer großen Bibliothek ähnlicher Elemente. Dies ist ein Grund, weshalb ich Bttn.css für so ziemlich jedes Web-Projekt aus allen 13 Stilen empfehle. Sie werden bestimmt etwas Passendes finden.
Sie können mehr in diesem Medium-Beitrag lesen, geschrieben vom Ersteller von Bttn.css. Er erklärt warum er die Bibliothek gemacht hat und welchem Zweck dient es in einem typischen Entwicklungsprojekt.
Wenn Sie suchen umfassendere Dokumentation einen Blick auf die GitHub-Repo. Es listet alle CSS-Klassen für Stile, Größen und Farben sowie Installationsdetails mit dem CDN oder einem Paketmanager wie Bower auf.
Schauen Sie sich auch das an Demo-Seite um zu sehen, was diese Bibliothek tun kann. Teilen Sie Ihre Gedanken mit dem Ersteller auf Twitter @ganapativs.
