Fügen Sie Ihrer Website mit Butns.css vorgefertigte Schaltflächen hinzu

Frontend-Frameworks wie Bootstrap sind im Lieferumfang enthalten eigene Button-Styles, aber sie haben normalerweise nicht viel Abwechslung.

Die Freiheit Butns Bibliothek bietet an eine Vielzahl von benutzerdefinierten Schaltflächenstilen ohne den ganzen Rahmen angehängt. Dies ist perfekt für Entwickler, die habe bereits ein benutzerdefiniertes Seitendesign Sie möchten sich jedoch nicht mit dem Erstellen eigener Schaltflächenstile beschäftigen.

Sie haben praktisch unbegrenzte Möglichkeiten und Kombinationen zur Auswahl. Butns hat über 30 verschiedene Hintergrund- / Randfarben dass Sie für traditionelles mischen können flache Tasten oder Pille-Tasten oder auch Geister-Tasten.

Sie können auch zwischen wählen verschiedene Farbverläufe dass zwei verschiedene Farben miteinander ineinander greifen. Diese Farbverlaufsknöpfe wirken mit einem Schatten für einen erhabenen Prägeeffekt.

Neben Farben und Schatten können Sie auch Ändern Sie die Form, Größe und Transparenz einer beliebigen Taste.

Alles ist gesteuert über CSS-Klassen, So haben Sie wirklich vollständigen Zugriff auf alles in der Bibliothek.

Was ich an Butns am meisten mag, ist, dass man es leicht kann zwischen verschiedenen Stilen wechseln nur von einen Klassennamen aktualisieren. Es gibt kein übermäßig komplexes System zum Hinzufügen von Stilen oder zum Bearbeiten eines Stylesheets. Sie tauschen einfach die Klassen aus und Sie können loslegen.

Obwohl es keinen Schaden gibt einige dieser Klassen überschreiben mit Ihren eigenen Vorlieben. Das ist die Schönheit des Kaskadeneffekts in CSS.

Um gerade erst zu beginnen Laden Sie das herunter .css Datei von der Butns-Homepage oder vom GitHub-Repo. Beide sind mit der aktuellsten Version verbunden, so dass beide Möglichkeiten in Ordnung sind.

Sobald dies zu Ihrer Webseite hinzugefügt wurde, einfach Klasse anhängen .Taste auf alles, was Sie wie ein Knopf geformt werden möchten. Von da ist es eine Frage von zusätzliche Klassen hinzufügen basierend auf den Farben, der Größe und dem Stil der gewünschten Schaltfläche.

Schauen Sie sich die GitHub-Seite in der Nähe der Klassenliste an. Sie finden ein vollständige Liste aller Klassen Zum Anpassen der Farbe, des Schaltflächentyps und der Anzeigeoptionen wie klein / groß oder halbtransparent.

Butns.css ist leicht eines der umfassendsten Button Stylesheets im Internet. Sie können es zu mehreren Webprojekten hinzufügen, und alle können dies einen anderen Blick haben mit dieser einen Bibliothek.

Es auch spielt gut mit anderen Frameworks wie Bootstrap seit dem Klassen überlappen sich nicht. So können Sie Butns mit fast jedem anderen Frontend-Framework auf dem Markt problemlos kombinieren.