如何逐漸放大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/

Answer 2

這不是縮放，只是縮放。

與您的貓有一個<img />，然後使用JavaScript，與setTimeout每隔100ms左右，以增加width和height屬性。