CSSグラデーションのちょっとしたテクニック #2

暮らしカテゴリーの変更を依頼記事元:

hail2u.net

345 usersがブックマークコメント

コメント

29

記事へのコメント29件

注目コメント
新着コメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

CSSグラデーションのちょっとしたテクニック #2

前回のエントリのような応用するための基本というものではなく、CSSグラデーションはこういう使い方もで... 前回のエントリのような応用するための基本というものではなく、CSSグラデーションはこういう使い方もできるよ的なもので３つ。普通のグラデーションの作り方はcss gradients in Firefox 3.6とかで。#3はない。以下プレビュー画像のリンク先がデモ・ページになっているのでそちらも参照のこと。もちろん対応ブラウザのFirefox 3.6とSafari 4やChrome 4以降でないと動作デモは確認できない。 Vista風のテカってるボタンありがちだけど作れたらなかなか便利そうなので挑戦してみたら、意外に簡単だった。実はdoubleなborderが重要で、これが無いとちょっと間抜けな感じになる。コード的には難しいことはなく、上半分にrgb(138, 138, 138)からrgb(102, 102, 102)、下半分にrgb(36, 36, 36)からrgb(0, 0, 0)と

ブックマークしたユーザー

ms09242012/09/07
moruzo152012/01/30
extra_number2011/11/15
namihei3142011/10/28
ponpoko042011/09/02
bascinet2011/06/10
gato_s2011/05/31
bcoffee2011/02/02
aerith2010/12/29
sig2010/11/02
alex_x2010/10/30
ufomap2010/07/31
celt69cobra2010/06/24
ub-pnr2010/06/11
teppeis2010/05/06
vevocojp2010/03/26
ogatatsu2010/03/19
ommr292010/03/08

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 暮らし

いま人気の記事 - 暮らしをもっと読む

新着記事 - 暮らし

新着記事 - 暮らしをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx