Градиент для текста

Question

есть текст у которого цвет градиентным, в браузере он работает прекрасно, но когда открываешь на телефоне, то его нет. Как решить эту проблему?

Добавил вот этот код:

background: -webkit-linear-gradient(269.19deg, #003EDD -19.84%, #09B7CF 61.69%);
background: -moz-linear-gradient(269.19deg, #003EDD -19.84%, #09B7CF 61.69%);
background: -o-linear-gradient(269.19deg, #003EDD -19.84%, #09B7CF 61.69%);
background: linear-gradient(269.19deg, #003EDD -19.84%, #09B7CF 61.69%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

Answer 1

Это можно проверить где угодно

Проверил на древнем планшете:https://ibb.co/Z86CxHz

Проверил на смарте:https://ibb.co/khr6Qnx

.text {
  font-size: 40px;
  text-transform: uppercase;
  font-family: sans-serif;
  font-weight: 900;
  fill: url(#lg);
}

<svg viewBox="-10 -100 1200 200">
  <defs>
    <linearGradient id="lg">
    <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:50%" />
      <stop offset="100%" style="stop-color:rgb(5,200,0);stop-opacity:50%" />
    </linearGradient>
  </defs>
  <text font-size="40px" class="text">
    Это текст который поддерживается везде
  </text>
</svg>

БЛОГ НА HUSL

Градиент для текста

Ответы (1 шт):