Как не сдвигать соседние элементы при анимации?

Question

[Ruslan]

Здравствуйте! Столкнулся с проблемой, при верстке. Когда делать при hover различные эффекты меняющие элемент (font-weight, box-shadow...), сдвигаются и соседние. Можно ли это как-то избежать? Анимирую с помощью transition.

Comments

[Максим]

а код где?

[Danil Klimov]

box-shadow точно не влияет на позицию соседних элементов.
font-weight конечно будет влиять, т.к. из-за знего увеличивается место которое занимает слово, соответственно и блок будет увеличиваться. Вместо font-weight можно попробовать использовать text-shadow

[Антон Литвиненко]

Box-shadow как раз не сдвигает соседние и его используют вместо font-weight

Answer 1

[Даниил Попов]

1. Делать эффекты с помощью transform
2. Предварительно закладывать запас на возможные изменения размеров