個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

クリックしたくなる!CSSだけで作られた無料のボンタコレクション「CSS Buttons」

クリックしたくなる!CSSだけで作られた無料のボンタコレクション「CSS Buttons」

CSSだけで作られた無料のボタンがコレクションされている便利なサイトをご紹介します。
Photoshopなどを使った画像のボタンに比べて、圧倒的に使い勝手がよいCSS製ボタン。
CSSボタンを作成するには便利なジェネレーターがありますが、デザイン的にインパクトに欠けてしまうなんてことはないでしょうか。
そこで利用したいのが今回ご紹介するフリーで公開されているCSSボタンコレクションサイトです。
デザイン的にもクオリティーが高いので、現場でも利用できること間違いなし。
ユーザーが思わずクリックしたくなる演出が施されたボタンばかりです。
すぐれたCSSボタンを使ってコンバージョンをあげちゃいましょう。

CSSだけで作られた無料のボンタがコレクションされた「CSS Buttons」

CSS Buttonsは、CSSだけでつくれた無料のボタンがコレクションされているサイトです。
ノーマルなタイプのボタンから、ミニマルデザイン、フラット、3Dデザインといった、バラエティー豊かなボタンがコレクションされています。
もちろん、無料で利用できますよ。
記事掲載時点で61種類のボタンが公開されています。
たとえば、ホーバーエフェクトが目を引くソーシャルボタンや、

See the Pen Social buttons with hover by Marius Balaj (@mariusbalaj) on CodePen.

境界線部分がなんとも華やかな演出をするボタン、


波紋のように広がるボタン、


すぐに使える各種さまざまなボタンがひとまとめになった「Gradient Buttons」などなど。

See the Pen Cool Buttons by Felipe Marcos (@FelipeMarcos) on CodePen.

ユーザーが思わずクリックしたくなる演出が施されたボタンばかりです!
CSS Buttons

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 1
  • 5

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

左右からメニューがスルッ!CSSだけで作れらたオフカンバスメニュー

左右からメニューがスルッ!CSSだけで作成されたオフカンバスメニュー6

CSSだけで作られたオフカンバスメニューをまとめてご紹介します。 「オフカンバスメニュー」は、ボタ

記事を読む

これは簡単!ポリゴン画像生成ジェネレーター「Trianglify Generator」

これは簡単!ポリゴン画像生成ジェネレーター「Trianglify Generator」

簡単・無料で利用できるこポリゴン画像生成ジェネレーターをご紹介。 背景画像などによく使われているポ

記事を読む

CSSグラデーションをとっても簡単に生成するツール「Gradientoo」

CSSでグラーデーションを表現する場合、最初からコードを書くのは結構たいへんですよね。 そんなとき

記事を読む

Gmailを無料で便利に!「開封確認」「スケジュール送信」ができる機能拡張「myHero Toolbox」

Gmailを利用しています。 本当に便利なGmailですが、できるなら「既読通知/開封確認」「スケ

記事を読む

WEBデザインのインスピレーションに!UIデザインのコードスニペットコレクション「CodeMyUI」

WEBデザインのインスピレーションになるUIデザインのコードスニペットがコレクションされた「Code

記事を読む

レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+

サイトのコンテンツをリッチに見せるだけでなく、省スペースで数多くのコンテンツを効率的・効果的に表示で

記事を読む

WEBサイトの必要な部分だけを印刷したいならコレが超便利!ブックマークレット「The Printliminator」

WEBサイトの必要な部分だけを印刷したいならコレが超便利!ブックマークレット「The Printliminator」

WEBサイトの必要な部分だけを印刷したい場合に大変便利なブックマークレットをご紹介。 このブックマ

記事を読む

CSSだけで作られた決済代行・クレジット決済サービスアイコン95種「PaymentFont」WEBフォントしても使える!

CSSだけで作られた決済代行・クレジット決済サービスの無料アイコン95種「PaymentFont」WEBフォントしても使える!

CSSだけで作られた決済代行・クレジット決済サービスの無料アイコンセットをご紹介します。 ピュアC

記事を読む

UIのインスピレーションに最適な「UXPorn」

UIデザインのインスピレーションで溢れてる「UXPorn」

サイトやWEBサービスをつくるときにどのようなUIデザインにするかは悩むところですよね。 UIをつ

記事を読む

1歩先へ!HTML/CSS/JSのスゴワザ・テクニック満載「Top Pens of 2014」

CodePenより、2014年注目のスゴワザ・テクニックが紹介されましたので、ご紹介します。 Co

記事を読む