ホバー時にグラデーションの位置が変わる

• 株式会社コサウェルhttps://cosawell-recruit.jp/

背景のグラデーションカラーが流動的に変化する動きは、色相の変化によって感情や時間の移ろいを表現します。オーロラのような幻想的なイメージや、エネルギッシュなブランドカラーの多様性を一度に見せたい場合に有効です。グラデーションのサイズ（background-size）を要素より大きく設定し（例：200%）、background-positionをアニメーションさせることで実現します。滑らかに色が混ざり合うよう、類似色相でまとめるか、補色を使って鮮烈な変化にするか、配色のセンスが問われる表現です。