html - 悬停时缩放位置

Question

我想在点击图像时更改悬停图像的位置。现在*图像悬停在底部放大，我想在顶部放大(参见图像链接)。我已经添加了这段代码:

HTML:

<div class="image"></div>

CSS:

.image { background:url(image url); height:50px; width:50px; }

.image:hover { background:url( image url ); height:400px; width:400px; }

图片:

Answer 1

试试这个

 .image:hover {
cursor: pointer;
height:400px;
width: 400px;
transform:scale(1.5);
-ms-transform:scale(1.5); /* IE 9 */
-moz-transform:scale(1.5); /* Firefox */
-webkit-transform:scale(1.5); /* Safari and Chrome */
-o-transform:scale(1.5); /* Opera */
}

它有效..