CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集:phpspot開発日誌
Dynamic Drive CSS Library- CSS Oval buttons These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states, to create flexible oval shaped CSS buttons, similar to CSS Square Buttons. CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集。 次のようなボタンのＣＳＳとＨＴＭＬが公開されています。 マウスオーバーでホバーします。 マークアップは次のように、div と a , span タグを併用 <div class="buttonwrapper"> <a class="ovalbutton" hre
MOONGIFT: � クールなボタンを作る「ButtonBuilder」:オープンソースを毎日紹介
アクア風なデザインの流行も収まったかと思うが、それでも様々なサイトで利用されている。透明感、丸みのあるデザインがクールなサイト、ポップなサイトどちらにも使えるのが便利だ。 そんなアクア風ボタンを作るTipsは各種あるが、一つのソフトウェアだけで簡単に終わらせてしまうのがこれだ。 今回紹介するオープンソース・ソフトウェアはButtonBuilder、アクア風ボタン作成ソフトウェアだ。 ButtonBuilderには黒、青、緑、赤、白をベースに細長、楕円、四角など様々な形のボタンが用意されている。後は文字色や配置を決めればごく簡単にボタンが出来上がる。 吹き出し風の画像や鉛筆、中止ボタン風の画像もあり、ボタンだけでなく様々な用途で使えそうだ。大きさや影、幅、文字の配置、背景色、フォントは自由に変更できる。 テキストは一行になっているが、Alt+Enterで複数行の入力が可能だ。サイトのアクセン
CSSでWEB2.0風ボタンを作成するサンプル:phpspot開発日誌
filament group inc. || Styling the Button Element with Sliding Doors Particle Tree recently posted an article describing a technique they've come up with the style the button element. For those who aren't familiar, form buttons are notoriously difficult to customize. CSSでWEB2.0風ボタンを作成するサンプル。 buttonタグで、次のようなWEB2.0風なカッコいいボタンが作れるサンプルが提供されています。 HTMLタグはこんな感じ。 <button value="submit" class="submitBtn"><s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました | DesignWalker
