css 渐变文字

源码

.container{
  width:100vw;
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
}

.container .content{
  font-size:40px;
  background:linear-gradient(90deg,#ff8a00,#e52e71);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

效果图