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サイト

: Axel Peemoeller Design; グラフィックをドラッグして自分の見やすいようにレイアウトでき、ダブルクリックで別ウィンドウ表示します。わかりにくいけど、こういうアイデアは大切にしていきたいです。; 2010/04/16 14:37
: CSSDesk - Dynamic CSS Sandbox; CSSカスタマイズをリアルタイムにみれるオンラインエディタ。; 2010/04/15 00:34
: 着せ替えフィッティングルーム | esquilo branco（エスキロブランコ）; レディースカジュアルショップ「エスキロブランコ」のWebサイト。好きな服をマネキンに着せさせて、好みのコーディネートを見つける着せかえフィッティングルームが面白い。; 2010/04/14 23:08
: CSS3 Generator; CSS3でなにが表現できるか確認できるジェネレータ。各ブラウザに対応したコードも吐き出してくれるので便利。; 2010/04/14 09:19; もっと見る»