CSSで文字にグラデーションをかけたい

残念ながら、CSSにそれが可能なプロパティが用意されてない_:(´ཀ`」 ∠):

color: linear-gradient(-135deg, #1400c8, #b900b4, #f50000);
// ↑これは無理

やり方としては、背景をグラデーションしてテキストでマスクする。

color: #b900b4,; // 非対応のブラウザでの文字色を設定
background: -webkit-linear-gradient(-135deg, #1400c8, #b900b4, #f50000); // 背景色にグラデーションを指定
-webkit-background-clip: text; // テキストでマスク
-webkit-text-fill-color: transparent; // マスク部分は背景を表示

背景を画像にしたり、透過PNGを敷いたりすると文字色のバリエーションがめちゃくちゃ増える。

ちなみに、上記はInstagramのメインカラーリング