Javascript 使用CSS或JS缩放图像

因此，我能找到的最好的方法是将图像放大一点，代码如下：

onmouseover="this.width=175;this.height=75;" onmouseout="this.width=150;this.height=50"

有没有更好的方法让它放大，比如你可以看到它而不是仅仅在一个光点中重新调整大小

---

谢谢：）

通过缩放图像，使用纯CSS3

transition

和

transform

来实现这一点怎么样

您可以参考我的答案以了解跨浏览器缩放特性

---

---

只需正确设置元素的

边框

，如（由于

5px

填充

，所以将

高度

和

宽度

设置为

310px

）

如果我理解正确，您希望图像平滑缩放。为此，您需要css3转换。@MirsessDavid Yes，smooth zoom:）如果您指的是平滑调整图像大小，这里已经问过了JavaScript-平滑移动/调整大小：这个问题不应该结束，因为它不是完全重复的，这里，OP也在问CSS解决方案

div {
    position: relative;
    margin: 100px;
    height: 300px;
    width: 300px;
    border: 1px solid #515151;
}

img {
    position: absolute;
    padding: 5px;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

div:hover img {
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}