參考文檔

  .desc {
    font-size: 36px;
    font-weight: 700;
    text-shadow: 0px 3px 6px #e35f0b;
    color: #fff;
    display: inline-block;
    position: relative;
  }

  .desc::after {
    position: absolute;
    left: 0;
    top: 0;
    content: attr(data-text);
    color: #fcf4ae;
    -webkit-mask-image: -webkit-gradient(
      linear,
      0 0,
      0 bottom,
      from(rgba(0, 0, 0, 0)),
      to(#fcf4ae)
    );
  }
 

css文字顏色漸變及陰影效果