在悬停时用css设置图像的原点

Question

我想用css悬停放大图像。但是当它长大时，它从左上角开始生长。我怎样才能让它从中心成长？

Answer 1

除非我遗漏一些明显的东西，否则我认为您必须手动抵消img上的:hover：

请参阅：http://jsfiddle.net/QwvRk/

img {
    position: relative
}
img:hover {
    width: 150px;
    height: 150px;
    top: -25px;
    left: -25px
}

Answer 2

您需要同时为尺寸和位置设置动画。据我所知，唯一的方法是使用绝对定位的项目。所以，如果你使用的是jQuery，那就是：

$('#selector').animate({
top: -=20px,
height: += 20px,
width: += 20px}, 250);