CSS3だけで作るボタンデザインいろいろCrafting Minimal Circula... / YouTube Popup Buttons | ... / Create A CSS 3D Push But...他...全7件
CSSで押し心地のいいボタン - jsdo.it - Share JavaScript, HTML5 and CSS
$(".btn").each(function() { $(this).bind("touchstart", function(e) { $(this).toggleClass("touched"); e.preventDefault(); }).bind("touchend", function() { $(this).toggleClass("touched"); }); }); <a class="btn">Login</a> <a class="btn">Search</a> <a class="btn">Download</a> <script src="http://github.com/ofk/xcssjs/raw/master/xcss.js"></script> body { background-color: #cfcfcf; font-family: Helvetic
ButtonMaker webボタン素材 自動生成サイト - 無料
このページはホームページ制作に使えるボタン素材を生成するサイトです。 ご希望の項目を設定し、右上の「create」ボタンをクリックするだけで簡単にボタンを作れます。 ※印の付いた項目は設定必須で、その他の項目は必要に応じて設定してください。 各項目の「カラー」の欄は入力欄をクリックするとカラーピッカーが表示されますので、 ご希望の色をクリックすると自動で入力できます。 背景色の「方向」はグラデーションにする際の１から２への色の向きです。 テキストの位置２は自由に指定したい場合に設定すると、 位置１の指定を無視して、位置２で指定した位置にテキストを表示します。
CSS1 のみで質感のあるボタンを表現してみる - Cyokodog :: Diary
CSS3 を駆使すると、とてもリッチなボタンパーツが表現できるようです。 CSSグラデーションのちょっとしたテクニック #2 - hail2u.net CSSの実装状況で変わるボックスのデザイン方法 - 3.5ping.org 悲しいことに勤務先の PC の標準ブラウザは IE6。近いうちに IE8 へのアップグレードを予定してますが、残念ながら IE8 では CSS2.1 までしか対応してないようです。 上記のリンク先のサンプルには遠く及びませんが、先日、PC の中身を整理してたら IE6 で質感のあるボタンを作ろうと試行錯誤してた頃の html ファイルが見つかりました。会社で CSS3 が使えるようになるのも当分先になりそうですので、備忘録としてこちらに残しておきたいと思います。 li 要素と a 要素でボタンを表現 li と a 要素に CSS を当てることで、以下のようなボタンを
[JS]スタイリッシュなボタンを画像を使用しないで実装するスクリプト -styledButton
Googleで使用されているようなグラデーションのスタイリッシュなボタンを画像を使用しないで実装するスクリプトを紹介します。 jQuery imageless buttons a la Google デモページ サポートしているブラウザも多く、下記の通りです。 Opera 10 beta Opera 9.6x Firefox 3 Firefox 2 Safari 4 Safari 3 Internet Explorer 8 beta Internet Explorer 7 Internet Explorer 6 Chrome Adobe AIR 1.5+ 実装方法は簡単で、スクリプトとスタイルシートを外部ファイルとして記述し、適用するボタンのpaddingやfont-sizeを指定します。 UI的にはあまり浸透していないものもあるので、その際は文言など一工夫が必要かもしれません。 styl
[CSS]既存のボタンのデザインをセクシーに美しくするスタイルシート -Sexy Buttons | コリス
ブラウザごとに異なる味気ないデザインのボタンをアイコンやグラデーションを使用してセクシーに美しくするCSSのフレームワークを紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
