Чем заменить background-clip: text в IE 11?

Question

[sasha_jarvi]

Известно, что background-clip не поддерживается в IE 11, однако текст необходимо сделать градиентным. Кроме того, существует полифилл для IE 11 - https://codepen.io/TimPietrusky/pen/cnvBk - однако он работает с картинками, а не линейными градиентами (поскольку при вызове backgroundClipPolyfill необходимо указывать URL, что при linear-gradient вместо картинки не представляется возможным). Как выйти из этой ситуации?

Comments

[Роман Филиппов]

Градиенты они такие, не подчиняются рядам правил, с анимацией не дружат.

Answer 1

[Роман Филиппов]

Создать градиент в растровой графике.

Answer 2

[Антон Усачев]

Люди говорят, что можно использовать svg-маску, начиная аж с Осла 9.

Comments

[sasha_jarvi]

Прочел статью, но не вполне ясен один момент: можно ли в таком случае сделать текст адаптивным?

[Антон Усачев]

sasha_jarvi, текст будет вести себя как картинка, что вполне отвечает запросу на адаптивность подобных элементов, поскольку они обычно используются как некие заголовки с красивым дизайном. Но зависит от задачи, конечно. Плюс в том, что текст в таком случае все равно можно менять динамически.