猿问

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

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

儀戰神话
浏览 2471回答 2
2回答

橋本奈奈未

这里提供两种思路,一种,使用tansform:scale()放大图片,但为了图片占用的空间不变所以需要套一层父元素且父元素css属性overflow设为hidden第二种是用背景图,改变background-size即可实现放大图片且占用空间不变——相对来说这种更好,因为少了一个元素,需要的css也更少

fdsgasgg

img:hover{/*2秒*/ transition: 2s;/*2倍*/ transform:scale(2); }
随时随地看视频慕课网APP
我要回答