Nutspress

パララックス効果で見せるサイトデザイン youlove.us

久しぶりに目が釘付けになったデザイン『youlove.us』ぱっと見ただけでは普通にきれいなデザインだなと思うだけなんやけど、スクロールしてみるとすごさがわかる！かなり縦に長いデザインになってるがち～～～っとも飽きない。なんどもスクロールしてしまった。

これず～～～っと1ページの中です。パララックス効果を使っているので雲の動きがあって立体感があります。フッターを固定させているのもポイント。

背景には大きな画像ではなく、高さ1000px程度のグラデーションする背景を4枚続けてその上に雲の模様のpngを配置。スクロールが楽しいデザイン。

パララックスの効果については下記のサイトを参照：
スタイルシートでパララックス(視差)効果を狙ったサイト集
How to recreate Silverback’s parallax effect

Tags: css, デザイン, パララックス, 新規タグの追加

This entry was posted on Wednesday, December 10th, 2008 at 9:07 pm and is filed under ウェブデザイン関連. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.