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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
CCSだけで見出しに自動で連番を記入する方法
当ブログでは「◯◯100」といった感じの記事をよく書かせていただいています。 こうしたとき、以前ま
-
-
100GB使える無料ストレージサービスshared.comにマルウエアが仕込まれてた!?
各方面で紹介されている太っ腹な無料ストレージサービス「Shared」を利用し始めたところ、えらい目に
-
-
今この瞬間もサイバー攻撃が行われている!DDoS攻撃を可視化する「Digital Attack Map」に戦慄
戦慄を覚えるマップです。 サービス自体は1年前に公開されていましたが、海外で再び注目され、私自身が
-
-
SVGのシームレスパータンを生成できる無料のフリージェネレーター「PatternBolt」
簡単にWEBサイトの背景画像が作れてしまう無料ジェネレーターのご紹介です。 つくれるのは、SVG形
-
-
波打つようなクリックエフェクトを実装できる「Waves」
今回はクリックしたときに、静かな湖面を指で触れて波打つようなエフェクトを実装できるライブラリーをご紹
-
-
CSSグラデーションをとっても簡単に生成するツール「Gradientoo」
CSSでグラーデーションを表現する場合、最初からコードを書くのは結構たいへんですよね。 そんなとき
-
-
これは便利!背景画像に使えるシームレスパターンを無料でコピー/ダウンロードできる「Transparent Textures」
こりゃ便利!というサービスがあったのでご紹介します。 WEBサイトを制作するときに背景画像などに利
-
-
グラフィックデザイナーのためのオンラインポートフォリオ作成方法
グラフィックデザイナーの皆さんはオンラインポートフォリオをもっていらっしゃいますか? 持っていない
-
-
UIデザインのインスピレーションで溢れてる「UXPorn」
サイトやWEBサービスをつくるときにどのようなUIデザインにするかは悩むところですよね。 UIをつ
-
-
便利すぎる!商用無料で高画質画像を配布するUnsplashがプレースホルダー画像生成サービスを開始
商用無料で高画質画像を配布するUnsplashがプレースホルダー画像生成サービスを開始しました。
