Как увеличить элемент во время hover что бы он не задел другие элементы?

Question

[Demigodd]

Ссылка на JSFiddle

Во время hovera нужно что бы кнопка home увеличился в размерах, но он изменяет расположение других элементов, как увеличить эту кнопку в размерах, без вреда для других ?

Comments

[Rustam Bainazarov]

Идти в обход и делать так, чтобы элемент не участвовал в потоке вёрстки (position: absolute).

Либо делать на отрицательных margin'ах (пипец).

Либо шаманить с transform (не меняет габаритов, а выносит элемент на отдельный слой и трансформирует).

Answer 1

[Сергей Горячев]

.home:hover {
  transform: scale(3);
  transform-origin: 0 0;
}

Answer 2

[Максим]

может быть так ? jsfiddle.net/vcz1Le6k/1