投影

渐变

渐变加投影 实现代码

--- html ---
<h1 class="title" data-text="标题">标题</h1>
<h5 class="slogan" data-text="标语">标语</h5>

--- css ---
.title,
.slogan{
  letter-spacing: 5px;
  -webkit-text-fill-color: #01151a;
  text-shadow: 1px 1px 2px #01151a;
}
.title:before,
.slogan:before{
  content: attr(data-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #fff, #f2fcff );
  text-shadow: none;
  position: absolute;
}