放大任何DOM元素

Question

我有那些元素：

<div id="foo"> 
    <div class="foo1">Element</div> 
    <div class="foo2">Element zoomed</div> 
</div> 

我不知道是否是對我有放大DOM任何元素的一種方式。

的js例如：

$(function(){ 
    $('#foo .foo2').zoom(); 
}); 

我GOOGLE了它，並沒有發現應該是一個很好的答案。一些幫助將不勝感激。

Answer 1

不'縮放'，但CSS3轉換將爲你做。點擊下面的按鈕以查看操作。

.foo2 { 
 
    -ms-transform: scale(2); /* IE 9 */ 
 
    -webkit-transform: scale(2); /* Chrome, Safari, Opera */ 
 
    transform: scale(2); 
 
    transform-origin: left; 
 
} 
 

<div id="foo"> 
 
    <div class="foo1">Element</div> 
 
    <div class="foo2">Element zoomed</div> 
 
</div>