Увеличить картинку
 

В анимация не разбираюсь абсолютно, надеюсь форумчане помогут.
Есть картинка кнопка которую нужно величить при старте, скажем с
width 30px и height 30px до width 160px и height 160px
Использую следующий код:

$('.container').css({'width': '30px', 'height': '30px', 'display':'none', 'left':'50%', 'margin-left':'-15px'}).fadeIn(400, function() {
            $(this).animate({'height':162, 'width':162, 'top': 460, 'left':355}, 1000, 'swing');
        });

Проблема в том что эта круглая кнопка должна плавно увеличиваться как бы из центра. Так и получается но в конце все время едет либо чуть уверь либо влево и тд.
Есть ли у вас какая то формула или рабочий код или идея для подобного увеличения изображения?
Спасибо.

Или это метод не одновременно увеличивает различные параметры?
Ширина высота и top left ?

можно так http://codepen.io/animhotep/pen/HiLAG

Спасибо. Сейчас попробую

css transfrom scale помогло - дает увеличение из центра

animhotep
к сожалению ваш способ это увеличение ширины и высоты.
А нужно увеличивать ширину и высоту и топ лефт для создания эффекта увеличения из цента. Что-то вроде
w = h = w + 2;
top += 1;
width +=1;
Правда код выше почему то работал не так как нужно, хз почему.