怎么用css实现鼠标经过时图片放大

Question

图片占用的位置不变，图片内容放大

Answer 1

这里提供两种思路，一种，使用tansform:scale()放大图片，但为了图片占用的空间不变所以需要套一层父元素且父元素css属性overflow设为hidden

第二种是用背景图，改变background-size即可实现放大图片且占用空间不变——相对来说这种更好，因为少了一个元素，需要的css也更少

Answer 2

img:hover{

／*2秒*／

transition: 2s;

/*2倍*/

transform:scale(2);

}