要在CSS实现渐变色的文本效果,其实只需3行代码即可设置。1.设置背景为文本裁切。2.设置背景颜色为渐变色。3.将文本颜色设置为透明即可。
(如代码被压缩,请美化CSS)
background-clip: text;
-webkit-background-clip: text;
background-image: linear-gradient(90deg, #6d62ed 0, #bd64c8 55%, #f5769e);
color: transparent;
font-size: 38px;
font-weight: 700;