Javascript 如何在HTML中逐渐放大？

假设我有一个网页，一只猫盯着我看。然后图像将开始放大猫眼。越来越深……我如何在HTML/CSS/JavaScript中实现这一点？

这不是缩放，只是缩放

---

用你的猫玩一个

，然后使用JavaScript，每隔100ms左右使用

setTimeout

，增加

宽度

和

高度

属性。

应用CSS3比例变换：

$("#cat").attr('style', "transform: scale(4,4);-ms-transform: scale(4,4);-webkit-transform: scale(4,4);-o-transform: scale(4,4);-moz-transform: scale(4,4);");

…使用缓慢的CSS3转换：

#cat {
    transition: transform 120s;
    -moz-transition: -moz-transform 120s;
    -webkit-transition: -webkit-transform 120s;
    -o-transition: -o-transform 120s;
}

---

…这是你的猫

你也可以缩放…我如何使它的高度和宽度发生变化？你能在HTML中使用变量吗？我很困惑。我认为这是一个有趣的问题，尤其是“猫眼”部分。为什么要结束？看看这些其他问题可以帮助你：-@Sebas-这个问题太宽泛了，涵盖了太多的主题，我认为OP需要很多跨技术的教育。@Rob对我来说似乎很简单，如果你忽略了问题措辞的愚蠢……看起来很酷。给你道具。