BLOG

2014年5月18日/

[CSS]cssだけで簡単なパララックスサイト制作

 

cssだけで簡単なパララックスサイトを制作する方法です。

 

非常に簡単です。

 

■HTML

■CSS

 

上記のように、各セクションのbackgroundを「fixed」で固定することにより、スクロールしても背景画像が動くことなく、次のセクションが出てきて隠れるといったことが可能となります。

 

例:http://cocotte.me

 

最近はスマホやタブレットを意識し、全てのコンテンツを縦長の1ページで作るサイトが多いですよね。

 

今回のように簡単にできる工夫でちょっとリッチなサイトにすることができるので、是非試してみてください。

 

 

Resent Posts

Category