フラットデザインに似合うボタンが、スライダーを調整するだけで作れるサイト「2.5dBUTTON」 | ライフハッカー・ジャパン
「2.5dBUTTON」はフラットデザインに似合うボタンが作れるサイトです。マウスを乗せるとポコッと立体的に浮き上がるボタンが作成できます。作ったボタンはHTML、CSSごとダウンロード可能です。 以下に使ってみた様子を載せておきます。まず、2.5dBUTTONへアクセスしましょう。 試しにボタンを作ってみました。このようにスライダーを調整するだけで色や形を決めることができます。マウスを乗せると上記のようにポコッと浮き上がります。 HTMLとCSSも自動的に出力されるので、あとはこれらをコピペすればOK。 こちらが実際に使っているときの様子です。YouTubeのロゴを作ったり汎用性が高いですね。ぜひフラットデザインのボタンを作成したいときにご活用ください。 2.5dBUTTON （カメきち）
グラデーション生成や角丸、ボックスシャドウをCSSで生成する際に使える「CSSmatic」:phpspot開発日誌
グラデーション生成や角丸、ボックスシャドウをCSSで生成する際に使える「CSSmatic」 2013年04月05日- The ultimate CSS tools for web designers | CSSmatic グラデーション生成や角丸、ボックスシャドウをCSSで生成する際に使える「CSSmatic」 ツールとしてのデザインや使い勝手もよくて便利に使えそうでしたのでご紹介 予め用意されたグラデーションなどからカスタマイズすることも可能。非常になめらかなグラデーションが簡単に作れます リアルタイムアップデートする角丸生成ツールも便利 こちらもリアルタイムに反映されて便利なボックスシャドウ生成 関連エントリ JavaScriptオフ、CSSをのみで動くツールチップライブラリ「hint.css」
As Button Generator
As Button Generatorはいわゆるボタンジェネレーターです。アイコンの形状等を確認しながらリアルタイムに編集する事ができるので、今までのボタンジェネレーターのUIとは一線を画すサービスです。 また、手持ちの画像や、任意のテキストも自在に配置する事ができるので自由度抜群です。ホームページの作成等にご利用ください
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bootstrap用のさまざまなスタイルのボタンを確認しながら簡単に作成できる -BootsButton
