文字填充三色渐变，背景裁剪到文字形状
← 返回 文字 类特效列表上方为纯 CSS 实时演示，直接将鼠标移上去 / 点击感受效果
.fx .grad{text-align:center;font-size:52px;font-weight:800;margin:40px 0;background:linear-gradient(90deg,#f778ba,#4a9eff,#57ab5a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}<div class="fx">
<div class="grad">渐变文字 Gradient</div>
</div>