我想使用CSS3的scale()
过渡效果来制作鼠标悬停效果,但是我想保持悬停图片的尺寸不变。因此,效果是图像会缩放,但仍限制在其现有的宽度和高度范围内。
img:hover {
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 */
}
这里是一个基本的fiddle,可以开始了解。
但是,我希望图像保持宽度/高度。
我不一定要使用css3缩放。也许通过调整元素大小有更好的方法。