如何放大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()應用更多樣式。

在transitionEnd （discard live() ，使用on() ）： jsfiddle