サンプルデモ
サンプルデモをご覧ください。
仕様
赤、オレンジ、黄色、緑、青の5色についての説明のセクションがあります。
説明のセクションまでスクロールすると円が出現します。
スクロールすると円が各色の説明と同じ色に変化します。
黄色の部分だけ文字色の白と被るときに色が見えなくなるためmix-blend-modeプロパティを指定しています。
使用言語・ライブラリ
使用言語：HTML/CSS
使用ライブラリ：jQuery
サンプルデモをご覧ください。
赤、オレンジ、黄色、緑、青の5色についての説明のセクションがあります。
説明のセクションまでスクロールすると円が出現します。
スクロールすると円が各色の説明と同じ色に変化します。
黄色の部分だけ文字色の白と被るときに色が見えなくなるためmix-blend-modeプロパティを指定しています。
使用言語：HTML/CSS
使用ライブラリ：jQuery
