画像をホバーすると拡大するCSSのテクニックは昔からありますが、画像の拡大分をoverflow:hidden;で非表示にするのではなく、clip-pathでクリッピングするとってもシンプルなCSSを紹介します。 実際の動作は、デモページをご覧ください。 See the Pen 画像をホバーすると拡大、マスク 2 by coliss (@coliss) on CodePen. また、OSレベルでアニメーション効果をオフにしている場合は動作しないようにすることもできます。 See the Pen 画像をホバーすると拡大、マスク by coliss (@coliss) on CodePen. OSレベルでのアニメーション効果をオン・オフにするには、 Windowsでは「設定→アクセシビリティ→視覚効果→アニメーション効果」 macOSでは「設定→一般→アクセシビリティ→表示→動きの抑制」 And

