Я пытаюсь создать текстовый градиент в WordPress (я использую SiteOrigin pagebuilder), но он не работает в Edge или Safari;текст не имеет цвета ни в одном браузере.
Я пробовал следующие предложения: CSS3 Текстовые градиенты не работают? Градиент не работает в Safari
Но оба решения дали мне линейный градиент фона, а не текстовый градиент.
Вот код, который я сейчас использую:
<style>
.flip-up {
/*background: linear-gradient(90deg, #97b3e1ff, #c5c95df0);*/
background-image: linear-gradient(90deg, #97b3e1ff, #c5c95df0);
-o-background-clip: text;
-ms-background-clip: text;
-moz-background-clip: text;
-webkit-background-clip: text;
-o-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-webkit-text-fill-color: transparent;
}
</style>
Текстовая анимация была протестирована самостоятельно (я использую плагин Scroll Triggered Animations);они прекрасно работают во всех основных браузерах, так что я знаю, что это не проблема. Мой веб-сайт https://douxdolci.com/ (проблема с заголовками типа «Доступно и эффективно»). Буду признателен за любую помощь!
Кроме того: Если нет способа сделать это, есть ли способ использовать однотонный текст только в Edge и Safari, но с градиентом во всех других браузерах?