共计 1007 个字符，预计需要花费 3 分钟才能阅读完成。
1. 背景图片放大
使用 css 设置背景图片大小 100%，同时设置位置和过渡效果，然后使用：hover 设置当鼠标悬停时修改图片大小，实现悬停放大效果。
测试
2.img 图片放大
在 div 中添加 img 元素，给 div 添加弹性布局保证图片始终位于居中位置，当鼠标悬停于 img 时修改图片大小。
测试
![]()
3. 使用 transform: scale(1)
使用这一方法与 img 放大类似，不过好处是不用手动设置图片居中，transform: scale(1); 会在原位置上放大。
测试
![]()
原文地址: 【CSS】实现鼠标悬停图片放大的几种方法
正文完
