Как в css animation задать точку центрирования при увеличении блока?

Question

[Lomoson]

Есть такая анимация блока jsfiddle.net/mLn2x.
Подскажите, пожалуйста, как безболезненно центрировать блок при увеличении? Понимаю, что можно изменять top и left, но при сложной анимации будет не весело.

Так jsfiddle.net/mLn2x/2 по вертикали не выравнивает.

Answer 1

[SirMustache]

position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;

jsfiddle.net/Sir_Moustache/28XMe

Comments

[Lomoson]

Большое спасибо! :)