css 鼠标移入放大的效果

效果

HTML

<div class="img-wrap"><img class="img-item" src="../assets/1.png" alt="" srcset=""></div>

CSS

<style lang="less" scoped>
.img-wrap {/* 超出隐藏 */overflow: hidden;.img-item {/* 过渡效果 */transition: all .3s ease .1s;&:hover {/* 宽高均放大1.2倍 */// transform: scale(1.2);/* 宽放大1.5倍，高放大2倍 */transform: scale(1.5, 2);}}
}
</style>