Я использую эту анимацию градиента блеска текста CSS3 на моем веб-сайте (http://marekcmarko.xyz),, но он продолжает мигать, если вы прокручиваете сайт и останавливаетесь на заголовках, где он применяется:
.textShineBlack {
background: linear-gradient(to right, #000 20%, #bada55 30%, #bada44 70%, #000 80%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
background-size: 200% auto;
animation: textShine 7s ease-in-out infinite;
@keyframes textShine {
to {
background-position: 200%;
}
Кто-нибудь знает, что я должен сделать, чтобы избавиться от этого моргания? Я понятия не имею ... Я не могу сделать скриншот этого - не знаю, если это вообще возможно.