CSS イメージ・背景

CSS（スタイルシート）でグラデーションを表現する方法をブラウザ別の一覧表にしてみました。

http://www.webbibo.com/stylesheet/image/css-grad.html

09.07.31

画像に半透明のキャプションや著作者のクレジットをつけるCSSです。

http://www.webbibo.com/stylesheet/image/image-caption.html

09.06.08

リンク内の画像にある下線を消す方法です。

http://www.webbibo.com/stylesheet/image/img_underline.html

09.03.17

タイトルなどに使う背景画像を文字量によって伸縮させる方法です。

http://www.webbibo.com/stylesheet/image/elastic_bg.html

09.03.11

CSSで背景画像をリサイズする方法です。なかなか思いつかないテクニックですが、なかなか使う機会もないテクニックです。

http://www.webbibo.com/stylesheet/image/bg_dimension.html

08.05.26

CSSで背景画像のちらつきを発生させないロールオーバーの作り方です。

http://www.webbibo.com/stylesheet/image/flicker_over.html

08.05.11

IE6にてロールオーバー効果を付けた背景画像にマウスカーソル（ポインタ）をあわせると、ちらついたり砂時計のマークが表示されたりします。これを解消する方法。

http://www.webbibo.com/stylesheet/image/bg_flickr.html

08.02.14

画像の周りに写真風の枠をつけるテクニックです。

http://www.webbibo.com/stylesheet/image/photoframe.html

08.01.25

おすすめCSSサイト

: これからは、賢く楽しくサムネイる。 | swfthumnail; Flashによるサムネイル生成ライブラリです。サイズの縮小だけでなく、特殊効果をつけたり,JavaScriptと連携させることもできます。; 2010/03/09 13:56
: 噂のうわ木の森; 心に「うわ木」が芽生えるかどうかを占ってくれるサイト。twitterと連動させているのも面白い。; 2010/03/07 00:42
: Capital Corporate Communications Sdn Bhd; 折り紙をモチーフとしたサイト。メニューを引っ張ってページに飛ぶアクションがおもしろいです。; 2010/03/04 14:31
: スキンケア大学; トップの黒板のFlashがインパクトあって、かつ情報を巧く伝えようとしている。; 2010/03/01 13:19; もっと見る»