Grainy Gradients

Grainy Gradients

摘要

CSS渐变常出现色带问题，可通过增加色标或添加噪点解决。使用SVG滤镜生成噪点层，通过位移映射混合噪点与渐变，避免改变原渐变色彩。优化后，噪点层仅影响渐变，不影响文本或阴影。Safari支持filter()函数直接应用于渐变，但其他浏览器尚未跟进。通过伪元素或层叠技术，可在多场景下实现无带渐变效果。