CSS | 漸層文字特效 linear color text

最近做數字滾動美術出了一個漸層文字設計,

今天就來教大家寫一個 css 的文字特效。

大概像這樣
h2 {
  font-weight: 700;
  font-size: 50px;
  background: -webkit-linear-gradient(-90deg, #fff 0, #fff 30%, #f4c60d 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border: 3px solid transparent;
}

DEMO CODE