Как правильно сделать текст с градиентом для сафари?

Question

[Антон Антон]

Везде, кроме сафари - показывает раскрашенный текст. В сафари на маке и на айфоне - ничего нет (сам текст прозрачный, фона нет). Как сделать так, чтобы показывало?

https://jsfiddle.net/c3vk5eog/

Comments

[Александр]

color: transparent; попробуйте добавить.

[Антон Антон]

Александр, не помогло

[Антон Антон]

Там вообще нет текста, а не он не раскрашивается.

[Александр]

Антон Антон, https://jsfiddle.net/logangarcia/s0k26y1h/ это работает?

[Антон Антон]

Александр, все три. счас буду искать десять отличий.

[Александр]

Антон Антон,

-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
-ms-background-clip: text;
-ms-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;

[Антон Антон]

Александр, да не, дело не совсем в этом, походу. а в том, что display: flex

[Максим]

Антон Антон, на svg сделайте и даже на нокиа 3310 будет работать