無料のグラデーションボタンライブラリでカラフルなCTAを構築する

すべての優れたホームページには、強力な行動を促す（CTA）ボタンが必要です。これは、新しいアカウントにサインアップするか、eコマースショップから何かを購入するかにかかわらず、訪問者がどのような行動をとるのかを案内します。.

しかし、あなたは ゼロからCTAを作成する必要はありません. あなたはウェブ上の何十ものカスタムCSS3ボタンを探すことも、あなたにとって物事をより簡単にすることができる同様のツールを使うこともできます。.

この点で私が本当に好きなツールの1つは、Colorionによって作成されたこのグラデーションボタンライブラリです。持っています 数十のカスタムグラデーションの組み合わせ 本当にクールなホバー効果.

ページを下にスクロールするだけで、どれだけの量を選択できるかがわかります。 Colorionは少なくとも持っている必要があります このコレクションには100以上のボタンがあり、新しいグラデーションコンボが追加されています 時々.

あなたが好きなボタンスタイルを見れば クリックするだけ “コードを取得” 下のリンク. そこからあなたはただあなたのウェブページにあなたのコードをコピーして貼り付けることができます。激しいコーディングのない美しいグラデーションボタン.

実際にColorionをさらに深く掘り下げて、他にも色に関連するツールをいくつか見つけることができます。それらのほとんどは、画像から素材へのジェネレータのようにかなりニッチです。 画像を取り、それをマテリアルデザインのカラーパレットに変換します.

しかし、彼らのグラデーションボタンライブラリは、おそらくWebデザイナーにとって最高のツールです。.

各ホバー効果はCSSに含まれているので、デザインに合わせてアニメーションスタイルを編集できます。.

あなたがグラデーションでデザインするのが好きなら、あなたはこのライブラリを崇拝するでしょう.

これらすべてのボタンがすべてのWebサイトで機能するわけではありません。しかし、あなたがあなたのサイトを同じような勾配に集中させるならば、あなたはたぶんそれらのほとんどを働かせることができます.

そして、あなたがそのサイトについての質問や提案がある場合は、作成者@csaba_kissiに簡単につぶやきを撃つことができます.