Баг с изменением размера при scale?

Question

[art style]

есть кнопка допустим 50х50 px
при hover кнопка уменьшается в два раза с помощью scale()
но как только hover исчезает она возвращается в обычное состояние
так вот если навести курсор на границу этого элемент он уменьшается и сразу увеличивается и зацикливается в этом состоянии уменьшаясь и увеличиваясь постоянно.
как избежать такого эффекта?

Comments

[art style]

всем спасибо но оказалось я просто забыл добавить width к href

Answer 1

[Виталий Першин]

Было бы неплохо увидеть код вашей кнопки, но судя по описанию, проблема ваша в том, чтобы вы уменьшаете всю кнопку, а следовательно когда уменьшается кнопка, то курсор оказывается за её пределами и ховер пропадает. Поэтому вам нужно переделать кнопку так, чтобы сама кнопка с её внешними границами не уменьшалась.

Answer 2

[lUser L]

Можно кнопку обернуть в div размеры которой будут неизменны, и сделать hover на этот див.
demo