• 操作
  • ギミック

#gimmick 020

ホバーに呼応した空間全体の背景色切り替え

参考サイトURL
動きの解説

テキスト内の特定ワードやエリアにカーソルを乗せた瞬間、画面全体の背景色が瞬時に変化し、異なる世界観へと空間を一変させる演出です。サイトの余白をダイナミックな表現キャンバスとして活用し、ユーザーの自発的な探索を促します。先進的なデザイン会社やブランドサイトに最適です。実装は対象要素のhoverイベントをトリガーに、bodyや背景コンテナのCSSカスタムプロパティを書き換えて色遷移を制御します。