Эффект светящегося текста SVG не работает на iPhone (ВСЕ браузеры) — невозможно применить тень текста или анимацию ⇐ IOS

[Anonymous]

В iOS (ВСЕ браузеры) эффект свечения (через тень текста и анимацию) не отображается в SVG.
Один и тот же код работает должным образом в браузерах для настольных компьютеров (Chrome, Edge) и Android.
Я пробовал использовать префиксы -webkit и различные методы CSS для эффекта свечения, но ни один из них не работает в браузере iOS. Введите описание изображения здесь.

Код: Выделить всё

SVG Glowing Text

@keyframes glowAnimation {
0% {
text-shadow: 0 0 5px #bfff01cc, 0 0 10px #bfff01cc, 0 0 20px #bfff01cc;
}

50% {
text-shadow: 0 0 10px #bfff01cc, 0 0 20px #ffffffcc, 0 0 30px rgba(230, 230, 230, 0.6);
}

100% {
text-shadow: 0 0 5px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(230, 230, 230, 0.6);
}
}

.glowing-text {
font-size: 40px;
font-family: 'Montserrat', sans-serif;
text-align: center;
animation: glowAnimation 2s infinite alternate;
}

svg {
width: 100%;
height: 100%;
}









Legend Barber

Использование CSS text-shadow для эффекта свечения:
Он отлично работает в большинстве браузеров (настольные компьютеры, Android), но не отображается на телефонах iOS.
Использование префиксов -webkit для свойств CSS:
Префикс -webkit-filter и другие изменения -webkit не оказали никакого эффекта.
/>Изменение свойств текста SVG, таких как размер шрифта, цвет и путь, для лучшей совместимости:
Эффект свечения по-прежнему отсутствует на телефонах iOS.

Подробнее здесь: https://stackoverflow.com/questions/793 ... to-apply-t