Вид для печати
В общем, потребовалось сделать на :hover() подпрыгивание блока и обводку. Border со свойством transparent немного портил картину, поэтому решил попробовать outline. И я заметил странный баг, при наведении на самый низ блока он начинает прыгать вверх-вниз. Даже интересно, в чем проблема.Пытался гуглить, ничего по этому вопросу не нашел. https://codepen.io/AryanPride/pen/dgzKQE
Алгоритм такой -
при наведении на блок, ты задаешь transform:translateY(-15px);
блок смещается на 15 пикселей вверх
Мышка теперь находится ниже блока, и эффект hover пропадает
Сразу после этого блок возвращается на первоначальное место
как только он возвращается, то срабатывает эффект hover, поскольку мышка снова над ним
Получается что блок прыгает
Тоже так сначала подумал, но с border всё работало нормально. А сейчас попробовал с 0 это реализовать, в итоге с border тоже прыгает.Видимо как-то сказываются подключенные на сайте стили.