ページトップへ

HTMLとCSSのみでパララックス風ページを作る

まだまだ根強いパララックスページ。
jQueryのプラグインを駆使すれば、割と簡単に作成することができますが、
もっと簡単に、それっぽく見えればいいという方向けに、HTMLとCSSのみで実装してみました。
最終的に完成するページはコチラ。

以下ソース。
まずはCSS。


続いてHTML。
とりあえず1週間のレシピっぽく表示してみました。
ボックスの数を増やしたり減らしたりしてもいいし、
cssのwrapperの高さを90%とかにすると、最初からちらっと次のボックスが見えるようにできます。
2015年01月22日

お問い合わせ

お名前 (必須)

メールアドレス (必須)

メッセージ本文(必須)

自動返信メールが送信されます。
返信メールが届いていない場合は正しく送信できていない可能性がございます。