クリッカブルエリアで円のアウトラインが変形

リンクに近づくとカーソルの円が要素に吸い付くように変形したり、有機的に歪んだりする動きは、磁力や粘性のような物理的な感触を擬似的に与えます。無機質な画面に生命感をもたらし、ブランドのユニークさを強調します。SVGのパス変形や、CSSのborder-radiusの複雑な操作で実現します。要素の大きさや形状に合わせて自然に変形させるには高度な計算が必要となる場合があり、特定のアクションボタンなど、ここぞという場面での採用が効果的です。

※参考サイトは公開を終了しましたが、アーカイブとして引き続き掲載いたします。