0ness
5/17/2019 - 4:53 PM

scss：グラデーションテキスト

css gradation text background-clip、text-fill-color、背景画像で文字をマスクしグラデーション文字の様に表現する。
background-clip - CSS: カスケーディングスタイルシート | MDN
-webkit-text-fill-color - CSS: Cascading Style Sheets | MDN
CSS3でテキストにグラデーションをかける方法 | mariweb

style.scss
content_copyfile_download
.text {
	color: #FF8C00; //非対応用のcolor
  background: linear-gradient(0deg, #40E0D0, #FF8C00);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}