渐变文本

by jkhaoqi110

HTML

<div class="text text-lg">
  古池や蛙飛び込む水の音
  これは松尾芭蕉の有名な俳句です。
</div>

<div class="text text-lg">
  床前明月光,疑是地上霜。
  举头望明月,低头思故乡。
</div>

CSS

.text {
  color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  background-color: #000;
  background-image: linear-gradient(0deg, #000, #444);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

.text-lg {
  font-size: 50px
}