我不确定这是否可行，但我可以使用 CSS/Jquery 技术来创建渐变网格吗？
与此类似的东西 
我想随机生成这个网格，然后可能会对其进行动画处理，所以我尽量避免使用图像。我不确定这样的事情是否可能。
我在想也许可以创建几层单独的渐变，然后将它们全部分层到一个固定位置并更改它们的不透明度设置？
最佳答案
目前
几年前，我使用 SVG、HTML5 canvas 标签和最近的 CSS3 渐变，沿着这些思路尝试了一些东西。我认为目前没有超越简单线性或径向渐变的自然方法。
问题是网格渐变是否可以仅使用简单的线性和径向渐变(这是唯一可用的工具)来模拟。
不幸的是，当您使用不透明度或 rgba 组合多个渐变时，不同渐变的颜色往往会以一种无用的方式组合，从而导致颜色褪色。避免这种情况需要能够在浏览器中将其呈现为单个复杂渐变。
渐变的形状也有很大的限制——任意 Angular 线性渐变，以及径向对称的椭圆渐变。两者都不允许自由形式、不规则的形状。可应用于生成图像的 2D 变换本质上也相当规则(缩放、倾斜等)。
future
我知道在不久的将来最有前途的选择是 SVG 2.0 中可能支持网格渐变(也许还有扩散曲线)。如果确实发生了这种情况，并且它最终得到了浏览器的支持，那应该会开始大大扩展选项。 HTML5 canvas 标签和 CSS3 可能紧随其后。
正如@vals 在下面的评论中指出的那样，WebGL 应该提供一些非常有前途的选项(对于使用 3D 上下文的 HTML5 canvas 标签)。
相关链接
关于jquery - 在 CSS/Jquery 中创建渐变网格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14926189/