スクロールすると透明から白く変化するナビバーをシンプルな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

「もじぐみ」の代表、コウです。
主に広告デザインを中心に、企画・出版・編集・印刷、Web制作をしていますが、最近は記事そのものや、ブログ、動画などのコンテンツ配信にも力をいれています。インターネットの時代はコンテンツプロバイダになるのがとても重要。自分自身もランニングアートなど、自分自身がコンテンツになるように心がけています。