如何放大Div的中心

Question

我想在我的大div上创建一个有效的变焦。我搜索了很多问题，但仍然不知道这是如何工作的。

我希望能够放大用户屏幕的中心而不是设置位置。

http://jsfiddle.net/kb27m/1/

我尝试过css3 zoom功能和animate zoom属性，但仍然无法拉动此功能。谁能帮我吗？非常感谢！

Answer 1

您应该 scale div：

    .scaled {
       -moz-transform: scale(3);
       -webkit-transform: scale(3);
       -ms-transform: scale(3);
           transform: scale(3);
    }
    div {
        transition: all 500ms ease-in;
    }

只需将CSS类应用于DIV，然后使用transitionEnd事件通过.animate()应用更多样式。

在transitionEnd上（丢弃live()，使用on()）：JSFIDDLE