Jquery 背景中的连续不透明度变化

我在一个网站上工作，我想知道在背景中，不透明度的持续变化到底是如何发生的

以下是链接： 我希望它能像这样工作~

盖伊的我用css动画。。关键帧之类的东西可以工作，但问题是我不知道如何将不透明度随机分配给每个分区。。代码如下：

.1分部， 第二组{ 宽度：100px； 高度：100px； 背景色：红色； 动画名称：示例； 动画持续时间：4s； 动画迭代次数：无限； } /*标准语法*/ @关键帧示例{ 0% { 不透明度：1； } 20% { 不透明度：0.8； } 40% { 不透明度：0.3； } 60% { 不透明度：0.6； } 80% { 不透明度：0.8； } 100% { 不透明度：1； } .1分部{ 宽度：100px； 高度：100px； 背景色：红色； 动画名称：示例； 动画持续时间：4s； 动画迭代次数：无限； } } .第2分部{ 宽度：100px； 高度：100px； 背景色：红色； 动画名称：示例； 动画持续时间：4s； 动画迭代次数：无限； } 框大小：边框框； }

---

我不太清楚，但您必须将id分配给覆盖图片的div网格，然后使用javascript/jQuery运行一个函数，随机更改每个div的不透明度和过滤器。祝你好运。

它是barba.js单击下面的链接：

---

你可以在上面的链接中找到很多转换

您正在寻找CSS动画。@尝试过了。。。但我；我面临困难。对不起，我是这方面的新手。。除息的