css - 如何为背景颜色添加颗粒类型外观

Question

请注意，蓝色侧边栏添加了颗粒效果。

如何在不使用图像的情况下实现这一目标？

Answer 1

您可以创建仅具有几种颜色的纹理图像以实现颗粒效果。作为 GIF 或类似的，如果你做得对，它只会达到几百字节。也就是说，制作一个小图像并将其平铺。

如果您想了解特定站点是如何实现该效果的，请使用 DOM 检查器检查元素背后的代码。如果您右键单击并选择“检查元素”，Chrome 就会内置此功能。我打赌你会发现有一个背景图像。