- 操作
- エリアホバー
#area hover 008
ホバー時にエリアが波打つ
- 参考サイトURL
- 動きの解説
-
ホバーした領域が水面のように揺らぐエフェクトは、幻想的で没入感のある体験を創出します。一般的なWebサイトの挙動を超えた表現であり、アート、ファッション、ブランド特設サイトなど、世界観の演出が最優先される場面で採用されます。これは標準的なCSSでは実現不可能で、WebGL(Three.jsなど)とシェーダー言語(GLSL)を用いた高度な実装が求められます。美しさと引き換えに実装コストとブラウザ負荷が高くなるため、適用箇所を絞り、サイト全体のパフォーマンスバランスを見極める必要があります。