Javascript Jquery图像悬停时弹出

我想知道在jQuery中如何实现这种转换效果-

我有一个图像，当我用鼠标悬停在它上面时，图像会稍微向外转换（放大）&当我悬停在图像外面时，图像会回到原来的大小

---

这种行为就像我们在

中看到的一样，请查看以下链接-

---

你可以在谷歌上搜索更多信息。

我不确定jQuery，但你可以使用CSS3转换。CSS3转换并不适用于所有浏览器，但如果您想在FF和Webkit中获得乐趣

假设您的图像被包装在

）中：

需要+2-如此简单！不到一分钟就接通了！谢谢！
a img {
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
}

a:hover img {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);

    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}