Не могу найти ошибку. При смене слайда в слайдере на странице: http://www.happy-club.ru/ в футере мерцает шрифт. Отключение пользовательских шрифтов проблему не решило.
-
А в каком браузере / ОС? Chrome/Mac — всё корректно– Artem Korsunov4 сен 2018 в 15:39
-
Win 8, все браузеры, которые есть: хром, яндекс, ие– www4 сен 2018 в 15:54
-
Windows Server 2012 R2 - также мерцание– www4 сен 2018 в 15:55
-
На win 7 и маке - все в порядке. Может, есть связь– www4 сен 2018 в 15:57
-
Добавьте в вопрос гифку с мерцанием. С помощью gyazo.com можно записать.– Gleb Kemarsky4 сен 2018 в 15:59
1 ответ
Я столкнулся с этой проблемой уже очень давно и все что я понял это обычный баг или лаг браузеров, точнее того как они обрабатывают анимации. Ответа я не нашел поэтому начал экспериментировать...
В общем единственное решение которое хоть как-то помогает:
Вставляете бесконечную анимацию на элемент внутри проблемного блока. Например такую:
.элмент_внутри_проблемного_блока {
animation: crutch 2s infinite;
}
@keyframes crutch {
from {
transform: scale(1);
}
to {
transform: scale(1);
}
}
Конкретно на вашем сайте я протестировал данный метод на данном селекторе:
.carousel-inner > .item > img {
max-width: 96%;
margin: 0 auto;
animation: crutch 2s infinite;
}
Анимация визуально ничего не меняет, она просто работает бесконечно, тем самым она бесконечно держит глюченый элемент в его нестабильном состоянии. Это костыль конечно, я его так и назвал в примере, но другого решения пока не находил.
Как было: https://gyazo.com/7aaf8427b01ee0fdf5e6694b51183320
Смотрим на текст внизу
Как стало: https://gyazo.com/a6ba6ca02a5f75607f527e038e3c34ed
Как видите текст все время находиться в слегка размазанном состоянии, но вроде не критично.