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>

缩放任何DOM元素

1 个答案: