javascript - 在给定时间间隔内调整图像大小的 Web 技术

Question

有没有一种技术可以在给定的时间间隔内调整图像的大小？

我想要做的是拥有一个图像，当鼠标滑过它时，它应该调整图像的大小，使其变大。我能找到的只是简单的翻转脚本，可以立即调整图像大小。我想在大约一秒钟的时间内完成它。

并且它必须不能滞后并破坏视觉体验。如果可能的话，我正在寻找 javascript、jQuery 或 HTML5 的方法；其他建议表示赞赏，但没有闪光。

Answer 1

使用 CSS3 过渡非常简单:

.myImg
{
    width: 200px;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.myImg:hover
{
    width: 300px;
}

演示: jsfiddle.net/yyDd4