Schaltflächenzustände, die als Bilder gespeichert und durch CSS umgeschaltet werden, sind so veraltet, dass es schmerzhaft ist. Wir sollten alle CSS3 verwenden, um Schaltflächen zu erstellen. Wir alle wissen warum: Sie sind leicht zu bearbeiten, plattformübergreifend, leicht, zugänglich; Die Liste der Vorteile ist endlos.
Es ist nicht immer so einfach, sie zu codieren. Sicher können Sie ein Framework verwenden, aber für die meisten Projekte ist das einfach zu groß. Vielleicht möchten Sie sich an ein flaches Design halten; Fügen Sie einfach eine Hintergrundfarbe hinzu und vergewissern Sie sich, dass der Standardrahmen entfernt wurde. Jeder andere wird erfreut sein, dass Irina Petculescu, ein selbsternannter CSS3 junky und Gründer von prowebdesign.ro hat diese kostenlosen CSS3-Buttons zusammengestellt. Sehen Sie ihre Website für mehr Werbegeschenke.
Sie kommen in zwei Arten: flach, die eine kleine Abschrägung beibehält; und glänzend, mit schönen Farbverläufen. Es gibt sogar einige grundlegende Übergänge, um die Rollover schön und geschmeidig zu machen.
Noch besser ist, dass das Team dafür gesorgt hat, dass die rgba-Formatierung für das Styling verwendet wurde und die Hintergrundfarben im Hex-Format belassen wurden. Das bedeutet, dass Sie die Hex-Farben, die Sie im CSS sehen, ändern können und die Hintergrundfarbe der Schaltfläche wird sich sofort ändern.
Die Buttons sind für den persönlichen und kommerziellen Gebrauch frei, also lade sie jetzt herunter und fange an, sie für deine Marke zu optimieren.
Wie codieren Sie Tasten? Gibt es jemals einen Fall für Bildzustände? Lass uns deine Gedanken in den Kommentaren wissen.