Привет.
Ситуация не очень стандартная. Есть кнопка. Кнопка анимирована цветом. Все работает хорошо, но появляется “косметический” дефект. На сайте https://запускай.рф/ появляется блок кнопок (внизу, через несколько секунд после открытия). Если зрение острое, то в левом верхнем углу вы заметите детали, которых там быть не должно — 1-3 пикселя за пределами блока. Откуда они там берутся…
Если вы их не видите, то такое бывает и с чем связано, не очень понятно: браузер, версия браузера, операционная система, монитор, его разрешение, ускорение или что-то другое.
Вот скриншот этого блока, увеличенный в нескольк раз:
У меня есть только идеи, не самые лучшие, но не решение.
Повторить это поведение на маке ни в сафари ни в хроме не удалось.
Первая догадка. Это может быть стиль от “focus” состояния ссылки или еще каого элемента.
Вторая догадка. Воможно, но не уверен, дело в том что несколько стилей разных элементов создают один и тот же эффект граница. Там и ссылка задает цвет и ::before, и как раз нативный цвет у ссылки синий а у границы красный. Вот скриншоты кода который я имею в виду.
У меня это поведение не повторяется ни в фаерфоксе ни в хроме ни в сафари. Но у меня нет и второй кнопки “консультант”. Может дело связано со стилями от нее?
В chrome, chrome canary, yandex, vivaldi есть этот пиксель у меня. Смотрел другой человек, у него есть этот пиксель в опере, эдже и яндексе. У меня же в опере и эдже этого нет, как и в остальных браузерах.
