クリッカブルエリアでカーソルからイメージが出現

• 株式会社エムハンドhttps://www.m-hand.co.jp/

リンク上でカーソルが拡大し、その中に画像がワイプ表示される動きは、リンク先の内容をチラ見せ（プレビュー）するリッチなナビゲーションです。「文字を読む前に絵で内容を伝える」ことができ、ユーザーの興味を強力に惹きつけます。マスク処理（mask-imageやoverflow: hidden）とカーソル追従の組み合わせが必要で、実装難易度は高めです。画像のプリロード（先読み）をしておかないと、ホバーした瞬間に画像が出ないという事態になるため、パフォーマンス設計も重要です。