こんにちは、ワタナベです。
暖かくなったりまた寒くなったり…とても体調に気を使います。
はやく落ち着いてほしいものです(´ー｀)
今回はCSSだけでスクロールアニメーションを実装する方法です！
CSSだけで出来るってとっても魅力的ですよね…！
SAMPLE
See the Pen
Untitled by Akiho (@wcaotdaenpaebne)
on CodePen.
↑のサンプルはCSSだけで実装しております。JSは一切使用していません。
一番上は背景画像のパララックス、その次が表示エフェクト、最後に横スクロールを実装してみました。
ちゃんとスクロールで動いていると思います。
とても便利！早速取り入れたい！…ところですが、こちら対応ブラウザが2024/2/16時点で以下のような状況となっています。
引用：Can I use…
サイト制作に取り入れるのはまだ先になりそうな印象(´ー｀)今後に期待です！
▼THANKS！
それではまた次回。
ご閲覧ありがとうございました♪
