Erstellen Sie bunte CTAs mit einer kostenlosen Bibliothek für Verlaufsschaltflächen

Jede große Homepage benötigt eine Call-to-Action-Schaltfläche (CTA). Dies leitet Besucher zu den Aktionen, die Sie möchten, egal ob Sie sich für ein neues Konto anmelden oder etwas in Ihrem E-Commerce-Shop kaufen.

Sie müssen CTAs jedoch nicht von Grund auf neu erstellen . Sie können entweder Dutzende von benutzerdefinierten CSS3-Schaltflächen im gesamten Web verwenden oder ein ähnliches Tool verwenden, das Ihnen die Arbeit erleichtern kann.

Ein Werkzeug, das mir in dieser Hinsicht wirklich gefällt, ist diese von Colorion erstellte Bibliothek mit Farbverlaufsknöpfen. Es hat Dutzende von benutzerdefinierten Gradientenkombinationen mit wirklich coolen Hover-Effekten.

Nur ein kurzer Bildlauf auf der Seite sollte Ihnen zeigen, wie viel Sie auswählen können. Colorion muss mindestens 100 Schaltflächen in dieser Sammlung enthalten und neue Gradientenkombinationen werden so oft hinzugefügt .

Wenn Sie einen Button-Stil sehen, klicken Sie einfach auf den Link "Code erhalten" . Von dort können Sie einfach die Codes in Ihre Webseite kopieren und einfügen und voilÃ! Schöne Verlaufsknöpfe ohne die anstrengende Codierung.

Sie können tatsächlich tiefer in Colorion eintauchen, um ein paar andere farbbezogene Werkzeuge zu finden. Die meisten von ihnen sind ziemlich Nischen, wie der Bild-zu-Material-Generator, der ein Bild aufnimmt und es in eine Materialdesign-Farbpalette umwandelt .

Aber ihre Gradientenbibliothek ist wahrscheinlich das beste Werkzeug für Webdesigner.

Jeder Hover-Effekt ist im CSS enthalten, sodass Sie diesen Animationsstil an Ihr Design anpassen können.

Wenn Sie gerne mit Farbverläufen arbeiten, werden Sie diese Bibliothek lieben.

Zugegeben, nicht alle diese Buttons können auf jeder Website funktionieren. Aber Sie können wahrscheinlich die meisten von ihnen arbeiten, wenn Sie Ihre Website um ähnliche Gradienten zentrieren.

Und wenn Sie Fragen oder Anregungen für die Website haben, können Sie einen kurzen Tweet an den Schöpfer @csaba_kissi schießen.