Как увеличить масштаб до центра 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