我正在尝试为网站的背景制作动画，该背景具有坚实的背景，然后我想在其上“绘制”网格线。现在我有这样的背景：
background-color: #269;
background-image: linear-gradient(@light-grey 2px, transparent 2px),
linear-gradient(90deg, @light-grey 2px, transparent 2px),
linear-gradient(rgba(255, 255, 255, .3) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, .3) 1px, transparent 1px);
background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
我希望它像这样，除了我希望线性梯度一个接一个地加载，并在可能的情况下使它们看起来像草绘的。
我尝试查看此代码： 页面加载时背景颜色发生变化
它似乎沿着我正在尝试的方式前进，但是我不希望整个背景发生变化，我只想绘制网格。
我还认为我可能需要使用它来使其在页面加载后绘制： JavaScript在页面加载后执行
我应该为线性渐变分配ID并在Javascript函数中调用它们吗？