2015/04/09
クリックしたくなる!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
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
Chromeのタブをクリックするだけで音声を消す方法
Google Chromeのタブをクリックするだけで音声を消す方法をご紹介します。 Chromeの
-
-
UIデザインのリニューアル前と後を比較できるギャラリーサイト「Android UX before and after」
UIデザインのリニューアルの前と後をひと目で比較できるギャラリーサイトをご紹介します。 Googl
-
-
WEBデザインのインスピレーションに!UIデザインのコードスニペットコレクション「CodeMyUI」
WEBデザインのインスピレーションになるUIデザインのコードスニペットがコレクションされた「Code
-
-
月額ゼロ円(無料)でホームページ・ECサイトを制作・運営できるサービス12
ホームページ制作を生業としているものにとっては、穏やかではないのが「無料でホームページを制作できてし
-
-
プログラミング初心者がプログラミングを学ぶのにベストな海外チュートリアルサイト11
日本でプログラミングを学ぶなら、ドットインストールが有名ですよね。 海外でもプログラミングを学ぶう
-
-
人気のHTML/CSSコードサンプル25+おまけ2 from CodePen
CodePenはHTML,CSS,JSのコードサンプル配布サイトです。 紹介されているコードの種類
-
-
レスポンシブWEBデザイン対応のメニューが作れるチュートリアル17(ソースファイル付き)
レスポンシブWEBデザインを行ううえで重要になってくるのがメニューをどのようにするかということではな
-
-
無料で使えるフラットデザインUIキット40
フラットデザインのUIキットをご紹介します。 さまざまなサイトで取り入れられているフラットデザイン
-
-
CSSだけで作られた決済代行・クレジット決済サービスの無料アイコン95種「PaymentFont」WEBフォントしても使える!
CSSだけで作られた決済代行・クレジット決済サービスの無料アイコンセットをご紹介します。 ピュアC
-
-
ベンダープレフィックスを自動で付けられるPrefixrがサービス終了!が後継者「Express Prefixr」現る
ベンダープレフィックスを簡単につけることができるWEBサービスPrefixr。 ところが、このPr
