文字のグラデーション

<span class="text1">テキスト</span>

.text1 {
  font-size: 160px;
  font-weight: 700;
  color: transparent;
  background: linear-gradient(-45deg, #2af598, #009efd);
  background-clip: text;
  -webkit-background-clip: text;
}

<span class="text2">テキスト</span>

.text2 {
  font-size: 160px;
  font-weight: 700;
  color: transparent;
  background: linear-gradient(-45deg, #2af598, #009efd);
  background-size: cover;
  background-clip: text;
  -webkit-background-clip: text;
}