スマホ対応パララックスをCSSだけで設置

今回はスマホでも対応できるパララックスの導入をしてみました。
プラグインやJavaScriptなど初心者の管理人には理解できないのでHTMLとCSSの実装のみでスマホでのパララックスを実現しています。

スマホの機種によっては、表示化けなどあるかもしてませんが、iPhoneでの動作確認済です。

春の桜

レスポンシブで画像が連動するようになっています。

レスポンシブサイトでパララックス効果をCSSだけで簡単に実装する方法

レスポンシブサイトでパララックス効果をCSSだけで簡単に実装する方法

良い感じでしょ！！とりあえず基本動作だけ施しました。