質問: 商品画像にカーソルを合わせると拡大表示させる方法 お世話になっております。以下のページの個別商品にカーソルを合わせると拡大表示させる方法を知りたいです。https://www.rakuten.ne.jp/gold/cream-dress/category/cat_one.htmlご教授下さい。
回答: ecマスターズの伊藤です。> 以下のページの個別商品にカーソルを合わせると拡大表示させる> 方法を知りたいです。下記の通り、記述いただきますとa タグで囲われた img がカーソルを合わせたときに拡大するようになります。scale(1.1);画像をどれくらい拡大するかall 0.8s ease;拡大するスピードとなっていますので、ご希望に合わせて修正をお願いします。各種ブラウザに対応するように複数記述されていますので修正の際はご注意くださいませ。html例==========css==========a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;}