• 操作
  • 画像ホバー

#image hover 009

ホバーで画像が吸い込まれながら歪む

参考サイトURL
動きの解説

画像が液体のようにぐにゃりと歪みながら変化するディストーションエフェクトは、Webサイトの枠を超えた映像作品のようなリッチな体験をもたらします。先進的で技術力の高いイメージをユーザーに植え付けます。これは標準的なCSSでは不可能で、WebGL(Three.jsやPixiJS)とシェーダー(GLSL)を用いた高度なプログラミングが必須です。実装コストと学習コストが高く、スマートフォンなどの端末では描画負荷が高くなる可能性があるため、導入には十分な検討とリソース確保が必要です。