キラキラ光る背景？

DESIGN

みなさまこんにちは!原田です。

今回はキラキラ光って見えるような画面をコーデイングしてみたのでご紹介します。

※詳しくはこちらをご覧ください。

まず、縦長のボックスをいくつも並べてストライプ柄のような感じで画面を作りました。
そして一つ一つのボックスにグラデーションカラーの背景を付けて、さらに背景を動かすアニメーションをつけています。
ボックスごとに色や動きに違いをつけてあげると、それぞれがランダムに動いてキラキラ光って見えるようになります。
デザインに何か変化をつけたいなと思った時にはこういった工夫をするのも良いですね。

この記事を書いているひと

yh
yhデザイナー
好きな季節は秋