• GIZMODO
  • FUZE
  • DIGIDAY
  • gene
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • roomie
  • machi-ya
  • 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

(カメきち)

  • ,,,,, - By

    香川博人

    LIKE

    2020年に向けて進むキャッシュレス化。 企業にとっての「電子決済」のメリットとは?

    Sponsored

    2020年に向けて進むキャッシュレス化。 企業にとっての「電子決済」のメリットとは?

    2020年に向けて進むキャッシュレス化。 企業にとっての「電子決済」のメリットとは?

    先日、政府は2017年度から公共料金や備品経費の支払いを全面的に電子決済にすることで、30億円の人件費削減が期待できるという発表をしました。 電子マネーやクレジットカード、ネットバンキングの普及により、私たちは現金だけではなく、時間と手間のかからない電子決済を活用する機会が増えていますが、それは企業や法人にとっても大きなメリットがあるようです。 そこで今回、現金決済から電子決済へとキャッシュレス  05:00 PM

MORE FROM LIFEHACKER

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

lifehacker

Recommended

© mediagene Inc.