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

  • 投稿日
  • 更新日
  • 著者 mojigumi
  • カテゴリー Web

スクロールすると背景が白いナビバーになる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

スポンサードリンク

CSS

この記事を書いた人

mojigumi

「もじぐみ」の代表、コウです。
専門は企画・出版・編集・印刷、Webデザインと管理。最近はブログ、動画、3DCG、AR、LINEスタンプ等のコンテンツ配信にも力をいれ、自分自身もランニングアートでコンテンツ化に努めています。

記事一覧