スクロールすると透明から白く変化するナビバーをシンプルなCCSで作りたい

スクロールすると背景が白いナビバーになるCSS

スクロールすると透明から白く変化するナビゲーションバーを手軽に作りたい。複雑なJavaなしに一番シンプルにできる方法を考えたので紹介します。Bootstrap3でも使えました。
ただそれだけです。メモとして。
コードは下にHTML、CSS、Javaに分けて表示しました。右側のライブビューでリアルタイムにスクロール確認できます。

See the Pen WyyRaP by kou (@mojigumi) on CodePen.0

参考にしたサイト:https://blog.kaneshin.co/entry/2012/10/07/200127

スポンサードリンク

この記事を書いた人

mojigumi

mojigumiの代表、コウです。
主に広告デザインを中心に、企画・出版・編集・印刷、Web制作をしています。

この記事が気に入ったら
いいね!しよう

最新の情報をお届けします