2022-08-19(文段尾行渐变消失)

文段末尾文字渐变消失

p {

margin: auto;

width: 280px;

line-height: 36px;

font-size: 20px;

-webkit-mask:linear-gradient(270deg, transparent, transparent 30%, #000),

linear-gradient(270deg, #000, #000);

-webkit-mask-size: 100% 66px, 100% calc(100% - 46px);

-webkit-mask-position: bottom, top;

-webkit-mask-repeat: no-repeat;

}