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