dmtrbskkv
@dmtrbskkv
Кодим и декодим, а иногда кино смотрим

Почему не работают все варианты linear-gradient для текста на IOS?

Вот код:

.button-inline-gradient {
    font-weight: bold;
    background: -webkit-linear-gradient(90deg, #fc2c90 0%, #ff521c 100%);
    background-image: -webkit-linear-gradient(90deg, #fc2c90 0%, #ff521c 100%);
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#fc2c90),
        to(#ff521c)
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


Во всех браузерах на винде и андроиде работает. На иос в сафари и хроме текст не отображается вообще.
Иначе говоря, в иос "-webkit-text-fill-color: transparent;" срабатывает, но "background" нет

Для справки: строки с background-image добавил от безысходности, но они излишни, да
  • Вопрос задан
  • 208 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы