背景のオブジェクトがランダムに上昇

• 株式会社Netforce https://net-force.co.jp/
• githttps://github.com/mhand-production/net-force.co.jp/tree/master

泡や風船のように、下から上へとオブジェクトが昇っていく動きは、「上昇志向」「成長」「清涼感」といったポジティブなイメージを想起させます。炭酸飲料のシュワシュワ感や、海中の泡のような表現によく使われます。CSS Animationで実装可能ですが、すべての要素が同じ速度・サイズだと不自然です。乱数を使ってサイズ、上昇速度、揺れ幅にばらつきを持たせることで、自然界の現象に近い、違和感のない環境演出が可能になります。