将鼠标悬停在图像上时放大 - CSS& HTML

时间:2014-11-30 08:05:17

标签: html css

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

2 个答案:

答案 0 :(得分:1)

使用CSS3 Transform,如下所示: http://css-tricks.com/snippets/css/scale-on-hover-with-webkit-transition/

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

答案 1 :(得分:0)

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

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