Откуда белые полоски при наведении на кнопку?

Question

[vahromeevilya-widestudio]

Добрый день, есть кнопка , при наведении на которую, заливается синим цветом. Все работает отлично.




Но почему то , если увеличить масштаб браузера на 175% (на codepen) и на 125% в реальном проекте и больше, появляются непонятные белые полосы



Пощупать здесь https://codepen.io/vahromeevilya-widestudio/pen/ZExEqBQ

С чем это может быть связано, есть идеи?

Comments

[Одиночка Айс]

Кто вам сказал, что поведение должно быть таким же как и при 100%

[vahromeevilya-widestudio]

Одиночка Айс, Заказчик xD

[Одиночка Айс]

vahromeevilya-widestudio, ну, тогда кнопку (.button) залейте просто #00C3FF

[vahromeevilya-widestudio]

Одиночка Айс, делал так, но при наведение было видно что сначала появляются полоски, а потом заливаются цветом

Answer 1

[Владимир Юрченков]

Смотрите на строку

animation: box-shadow 3s infinite linear;

Comments

[vahromeevilya-widestudio]

Убрал анимацию, промежутки все равно остались, пусть теперь и не белые

[Владимир Юрченков]

vahromeevilya-widestudio, строчку я вам указал от которой все пляшет. Суммарно дело в border, который так и так будет. Сделайте его другим блоком например.

[vahromeevilya-widestudio]

Владимир Юрченков, Хорошо, сейчас попробую

[vahromeevilya-widestudio]

Владимир Юрченков, Сработало) Перенес всю анимацию на другой элемент и пробелы исчезли.