css实现渐变斜体字

效果图：

html：

  
"up">村晚
  
"bottom">场景

css：

div{
  font-style:italic;
  font-size:40px;
  font-weight:800;
}
.up{
  padding-right:2px;
  display:inline-block;
  //下面是关键-----3句---------
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to bottom right,rgb(255,91,69),   rgba(255,164,161,.3));

}
.bottom{
  color:#333 !important
}