ウェブサイトのアニメーション・スクロール編

みなさまこんにちは。原田です。
ウェブサイトにはスクロールした時にアニメーションをつけることができます。
様々なアニメーションがある中で、今回は画像に動きを付けるアニメを作ってみたのでご紹介したいと思います。

＊こちらより見てみてください。

普通の状態だとスクロールしたタイミングに合わせて画像が上下しますが、このアニメを付けることで少し画像がずれて動いているように見えますね。
上下にスクロールを繰り返してみると画像がふわふわ浮いているように錯覚すると思います。

ウェブサイトの中に少しアクセントとしてこのようなアニメーションを取り入れてみると、よりサイトを見るのが楽しめると思います。

The following two tabs change content below.
原田

原田

アーティスティックディレクター

投稿者:

原田

原田

アーティスティックディレクター