如何在HTML中逐渐放大？

Question

假设我有一个网页,一只猫盯着我看.然后图像将开始放大猫眼.更深入,更深入......如何在HTML/CSS/JavaScript中实现这一目标？

Answer 1

应用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;
}

......这是你的猫!http://jsfiddle.net/x5uYp/