背景にランダムに雪を降らせるjsアニメーション3パターン
今回は背景にランダムに雪を降らせるjsアニメーションを3パターンご紹介したいと思います。
雪の量やスピードを変えることもできるので、参考にしてみてください。
① 小さい雪が降る背景示
小さめの雪が降ってくるような背景。粉雪のような粒の大きさなので、主張しすぎず使いやすいです。
See the Pen
Untitled by loa (@hana4525)
on CodePen.
② サイズ違いの雪が降る背景
いろんな大きさの雪がランダムに降ってくるような背景。冬を表現したいときに最適。
See the Pen
Untitled by loa (@hana4525)
on CodePen.
③ サイズ違いの雪がたくさん降る背景
いろんな大きさの雪がたくさん降るような背景。雪の量をアレンジして使用できます。
See the Pen
Untitled by loa (@hana4525)
on CodePen.
④ まとめ
今回は背景に雪を降らせるjsアニメーションをご紹介しました。
冬になると雪が降るアニメーションをつい使いたくなります。期間限定で背景に使ってみるのも面白いと思います。
背景のアニメーションはまだまだ使っているサイトが少ないので、積極的に使っていきたいですね。
最後までご覧いただきありがとうございました。