Как сверстать блок, который увеличивается, не трогая остальные?

Question

[gracer]

Добрый день.

Как обычно верстается увеличение блока при наведении, чтобы это увеличение не двигало соседние блоки, как бы приподнимаясь над ними(изобразил примерно)?



Верстка самих блоков такая https://codepen.io/anon/pen/gvwJXx

Answer 1

[kulaeff]

https://codepen.io/anon/pen/GQjaVx

Answer 2

[Вадим Белкин]

Обычно используются отрицательные margin для компенсации увеличения размера. https://codepen.io/anon/pen/GQjbKx

Answer 3

[Кирилл]

transform: scale(1.+)