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

Question

[Артур Арутюнян]

Всем привет, я в отчаянии, но не сдаюсь, для поступления на первую работу озадачили сделать кросбоаузерный адаптив - хрен с ними, сделаю или почти сделал....
Есть одна проблема для меня, обшарил инет вдоль и поперек, не могу сделать градиентный текст который бы читался на 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;
}

Comments

[Даниил Маслов]

частенько похожий вопрос с этим же макетом здесь всплывает

[Артур Арутюнян]

s0xzwasd, Например? ссылка есть?

[Даниил Маслов]

Артур Арутюнян, сейчас попробую найти

[Артур Арутюнян]

я кстати заморочился и сделать крутящуюся планету через canvas и JS смотрицца ахуенна, но есть одно но, когда через browser sync запускаю то работает и крутиццо, когда просто через файл index.html - canvas не появляется, планеты нет - в чем может быть проблема?

[Даниил Маслов]

Артур Арутюнян, Как реализовать обрез буквы? там в комментариях есть варианты реализации подобного

[Даниил Маслов]

Артур Арутюнян, успехов в поиске новой работы!

[Артур Арутюнян]

s0xzwasd, Да рилли тот же макет)))) Это в Ростове, НоПроблемсСайт компания
Ребят может кто за вознаграждение проконсультирует и поможет допилить кроссбраузерную адаптивку?

[Артур Арутюнян]

s0xzwasd, Благодарю, я не отчаиваюсь, но всем нужны хакеры 89 лвл, никто не хочет работать с человеком который только HTML and CSS знает, и то сам ковыряюсь 2 месяца, ищу любую стажировку