divで囲ったようなコンテンツにマウスが乗ったとき、枠線の太さを変更するとコンテンツが大きくなったような動きになります。
こうした挙動が意図したものではない時に使える方法をメモしておきます。
作業手順
1.太くなった枠線の画像を作成
png等、透過が使える画像で、枠線だけの画像を準備します。
2.CSS
CSSでimgのopacity: 0;に設定し、:hoverでopacity: 1;に設定すればオンマウスで枠線の太さを変更することができる。
divで囲ったようなコンテンツにマウスが乗ったとき、枠線の太さを変更するとコンテンツが大きくなったような動きになります。
こうした挙動が意図したものではない時に使える方法をメモしておきます。
png等、透過が使える画像で、枠線だけの画像を準備します。
CSSでimgのopacity: 0;に設定し、:hoverでopacity: 1;に設定すればオンマウスで枠線の太さを変更することができる。