css字体阴影+渐变

 <div className="title" data-text="今天天气不错">
        今天天气不错
  </div>

css

 .title {
            font-family: BYForviC3;
            background-image: linear-gradient(to bottom, #fff 60%, #88B1FB);

            -webkit-background-clip: text;

            -webkit-text-fill-color: transparent;

            font-size: 3.5rem;
            position: relative;
            text-shadow: none !important;

            &::after {
                background: none;
                content: attr(data-text);
                left: 0;
                position: absolute;
                text-shadow: 2px 2px 2px rgb(0, 0, 0); //relief shade effect 
                top: 0;
                z-index: -1;



            }

}