vachunya
@vachunya
Бог верстки, JS maniac, React bomberman

Градиентный текст на IE 10+?

Всем привет, я в отчаянии, но не сдаюсь, для поступления на первую работу озадачили сделать кросбоаузерный адаптив - хрен с ними, сделаю или почти сделал....
Есть одна проблема для меня, обшарил инет вдоль и поперек, не могу сделать градиентный текст который бы читался на IE...
На всех остальных браузерах збс, IE не пашет, просили сделать и под него
очень прошу помочь братцы

.main-travel__title {
  text-transform: uppercase;
  font-size: 58px;
  line-height: 0.9;
  font-family: 'Museo Sans Cyrl 700';
  background-color: #ffa184;
  /* IE9, iOS 3.2+ */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZjQyMDgiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==");
  /* Android 2.3 */
  /* IE10+ */
  background-image: -webkit-gradient(linear, left top, right top, from(white), to(#ff4208));
  background-image: linear-gradient(to right, white 0%, #ff4208 100%);
  background-image: -ms-linear-gradient(left, white 0%, #ff4208 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
}


5c5c74c81825e157661934.jpeg
  • Вопрос задан
  • 433 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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