商品画像にカーソルを合わせると円の縁取りにして表示させる方法

Question

お世話になっております。

以前に「商品画像にカーソルを合わせると拡大表示させる方法」を
ご教授いただきましたが、今度はカーソルを合わせると円の縁取りに
して表示させる方法を知りたいです。
↓↓↓
TODAYS PICK UPの部分です。
https://item.rakuten.co.jp/galstar/123016/

どうぞよろしくお願いいたします。

Answer

ECマスターズの田中です。

> カーソルを合わせると円の縁取りに
> して表示させる方法を知りたいです。

https://forum.ec-masters.net/post_view.php?id=12498
上記、前回ご案内差し上げた
a:hover img{ から } までの内容を、
下記に差し替えていただければ結構です。

a:hover img{
border-radius: 50%;
transition: 0.2s;
opacity: 0.8;
}

Answer

田中さん

迅速なご回答ありがとうございました。

今後ともよろしくお願いいたします。