如何放大div的中心

Question

我想在我的大div上創建縮放效果。我搜查了很多問題，但仍不知道這項工作如何。

我想能夠放大到用戶屏幕的中心，而不是設置的位置。

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

我試圖css3 zoom功能和animatezoom財產，但仍無法完成這件事。任何人都可以幫助我嗎？非常感謝！

Answer 1

你應該規模股利：

.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