• GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

カメきちカメきち  - ,,  07:00 AM

フラットデザインに似合うボタンが、スライダーを調整するだけで作れるサイト「2.5dBUTTON」

フラットデザインに似合うボタンが、スライダーを調整するだけで作れるサイト「2.5dBUTTON」

140707_25.jpg


2.5dBUTTON」はフラットデザインに似合うボタンが作れるサイトです。マウスを乗せるとポコッと立体的に浮き上がるボタンが作成できます。作ったボタンはHTML、CSSごとダウンロード可能です。

以下に使ってみた様子を載せておきます。


まず、2.5dBUTTONへアクセスしましょう。


140707_252.jpg


試しにボタンを作ってみました。このようにスライダーを調整するだけで色や形を決めることができます。マウスを乗せると上記のようにポコッと浮き上がります。


140707_253.jpg


HTMLとCSSも自動的に出力されるので、あとはこれらをコピペすればOK。


140707_254.gif


こちらが実際に使っているときの様子です。YouTubeのロゴを作ったり汎用性が高いですね。ぜひフラットデザインのボタンを作成したいときにご活用ください。


2.5dBUTTON

(カメきち)

MORE FROM LIFEHACKER

powered by
  • フラットデザインの基本ルール Webクリエイティブ&アプリの新しい考え方。
  • 佐藤 好彦|インプレスジャパン

Kotaku

© mediagene Inc.