在一个div

Question

我需要一个聪明/坚强的人来帮助我解决我的问题..请检查div that set css multiple background image ...在该图像中我设置渐变颜色div的背景，同时我调用其他背景图像看起来是多边形的，而css是这样的：

.at{
  height: 650px;
  padding-top: 130px;
  background-image: url(../../../img/2nd_element.png),
                    url(../../../img/1st_element.png),
                    url(../../../img/3rd_element.png),
                    url(../../../img/4th_element.png),
                    linear-gradient(to bottom, #017a92 0%,#91d2c1 100%);
  background-position: 3em 60px, left bottom, 70% -90px, right top, left bottom;
  background-repeat: no-repeat, no-repeat, no-repeat;
}

我需要使用偏移动画这些不同的背景图像（如果此内容居中，则取决于滚动页面）。 例如：bg-image1 =将出现在3s之后，bg-image2 =将出现在4s之后，bg-image3 =将出现在5s之后......然后等等......直到多边形背景图像完成。

我不确定这是否可以通过jQuery或javascript或css3动画或svg动画来完成，但我想你得到了我的观点先生！谢谢你的帮助！期待捐赠谁可以帮助我！谢谢！