悬停在图像上时放大 - CSS和HTML [重复]

Question

我正在为我的网站制作图库。在我的网站中，我将把我的图片设置为THIS。但是，我想知道的是当我将鼠标悬停在它上面时如何让它放大。不像放大镜，只需将图像放大 5% 到 10% 即可。

Answer 1

使用 CSS3 变换，如下所示： http://css-tricks.com/snippets/css/scale-on-hover-with-webkit-transition/

还包括 -moz-, -o-, -webkit-, -ms- 对应的 transform 以实现浏览器兼容性。

Answer 2

使用 CSS3 过渡和使用百分比的背景大小属性

http://www.w3schools.com/cssref/css3_pr_background-size.asp