方法二采用透明背景图像将渐变颜色作为背景图像应用于文本元素svgmask区别,通过调整图像的透明度实现文字颜色的渐变效果这种方法相较于 maskimage 更具普适性svgmask区别,但图像资源管理与优化需额外关注方法三使用 SVG 方式利用 SVG可缩放矢量图形的灵活性和强大的图形能力,直接在 SVG 图形中绘制渐变色的文字。
区分一下,svg mask 为蒙版,白色为显示css mask 为遮罩,有色为显示mask 蒙版内可以包裹透明图片或文字但使用蒙版的元素,却莫名不能是 image,这就很完蛋呀,有待研究如果 css 的 mask 适用于图片和渐变等的话,那 backgroundcliptext 就适用于文字 字面意思,将背景裁切成文字范。
还没有评论,来说两句吧...