[CSS]背景画像を重ねて、面白い効果をだすスタイルシート

Blurry Background Effect demo 仕組みは、くっきり画像とぼんやり画像の二枚を背景画像として指定し、ぼんやり画像を内包エリアにfixedで指定します。 <textarea name="code" class="css" cols="60" rows="5"> body{ background: url(images/bg-solid.jpg) no-repeat; } #page-wrap{ background: url(images/bg-blurry.jpg) no-repeat fixed; width: 500px; margin: 40px auto; } </textarea>

[c430c]

これ使ってモック組んでみたけどIE6非対応かー。どーすんべ

[fooo]

くっきり画像＋ぼんやり画像でステキ効果

[operator]

Webデザイン

[WebDesignScrach]

面白い

[saladdays]

これは良いアイデアだ。