CSS3のborder-radiusと、jQueryをつかって、 マウスでホバーしたときに円で型抜きをしたような効果ができないかやってみました。 ↓コチラが実際に作ってみたものです。 DEMO 方法 メインとなる画像の要素を設置し、position:relativeにする。 メインの画像を隠す要素を、メインの画像を隠すように、position:absoluteで設置する。 さらにその上に、型抜きの要素として使うborder-radiusで円型にした要素を、position:absoluteで設置し、背景画像をメインと同じものにする。 jQueryを使い、マウスの座標に合わせて型抜きの要素を移動し、同時に背景画像の位置も移動させる。 ポイントは、型抜きの要素の移動と、背景画像の移動を連動させることで、背景画像が一定の場所で止まっているように見せることです。 これによって、型抜きの要素の背景が
