Как убрать мигание?

Question

[gazes12]

https://codepen.io/gazes12/pen/popXOjK

При наведение на пункты меню, оно как-то некорректно работает, мигает.
Буду благодарен за помощь!

Comments

[gazes12]

низкомолекулярный макрос, Почему у меня мигает?

[Юрий Иванов]

проверил, ничего не мигает, почему у вас мигает не знаю

[Froggyweb]

Проверил мигает. box-shadow - не лучший вариант. В данном случае. Тем более что этого свойства изначально нет.
Лучше сделать через псевдоэлемент, но если нет - то хотя бы задать свойства тени без ховера

[gazes12]

Froggyweb, Спасибо! Использовал псевдоэлемент:

Answer 1

[wadowad]

Не по делу, но скажу по поводу вот этих красных полосок. Их лучше сделать псевдоэлементами ссылок, а не пунктов меню (сейчас всё равно, но раньше события hover у тега li не было). Не стоит анимировать высоту, такая анимация идёт скачками (тут не столь важно, но на больших областях анимация высоты ещё и более русорсоёмкая). Анимируйте свойство transform, конкретно scale-y или составное scale (можно вместе с opacity) - это будет работать плавнее.