Эффект светящегося текста 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