javascript - 如何放大到div的中心

Question

我想在我的大 div 上创建放大效果。我已经搜索了很多问题，但仍然不知道这是如何工作的。

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

http://jsfiddle.net/kB27M/1/

我已经尝试了 css3 zoom 功能和 animate zoom 属性，但仍然无法拉动这个。谁能帮我解决这个问题？非常感谢!

Answer 1

您应该缩放 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() 应用更多样式。

On transitionEnd(丢弃live()，使用on()):jsfiddle