Okinawa LOVE-TV.com

沖縄の気になる情報等を発信していきます。

web

フラットデザインボタンが簡単に作れるジェネレータ「2.5dbutton」

ホームページを作成する際、結構悩むのがボタンデザイン。

今までは画像でボタンを作ることが多かったのですが、最近ではCSS等で作るのが主流になってきています。

 

とはいえ、初心者にボタンをCSSで作りましょう。と言って作れるものではありませんよね?

そこで、今回はコピペで簡単に作れるCSSジェネレーターをご紹介したいと思います。

 

*ただし、多少のHTMLとCSSの知識は必要なのでご了承下さい。

 

 

2.5dbutton

 

簡単にボタンを作れるジェネレーターはいくつかあるのですが、個人的にコチラの2.5dbuttonさんが一番シンプルなフラットデザインのボタンが作れるんじゃ無いかという事でご紹介したいと思います。

 

 

 

2.5db

2.5dbutton | http://noht.co.jp/2_5dbutton

 

 

ボタン作成方法

 

使い方はとっても簡単。

 

2.5db1

 

画像の赤枠で囲まれた部分を色々と動かすと、上にあるボタンデザインの部分がリアルタイムに反映するので自分好みのボタンを直感的に作成することが出来ます。

 

 

2.5db2

気に入ったデザインのボタンが完成したら、下部にあるダウンロードボタンを押してZIPファイルをダウンロードして実装してください。

 

 

まとめ

 

簡単にフラットボタンのデザインは作れるけど、正直ちょっと初心者には難しいかな?

せめてソースのコピペだけで実装できれば良いんだけどね。

 

とはいえ、理解できる人にとってはとても便利なジェネレーターなのでサイト作成する機会があれば是非使ってみてください。

 

 

-web