Question

我按照另一个stackoverflow回答在我的网页中创建加载叠加层。我有我的覆盖类：

.overlay {
  display:    none;
  position:   fixed;
  z-index:    1000;
  top:        0;
  left:       0;
  height:     100%;
  width:      100%;
  background: rgba( 255, 255, 255, .8 )
              url('../images/loaderIcon.png')
              50% 50%
              no-repeat;
}

我还有一个css类，可以动画附加到旋转的任何内容：

.spinning {
  animation: spin 1s infinite linear;
  -webkit-animation: spin2 1s infinite linear;
}

现在，在stackoverflow答案中，他们使用了imgur的.gif文件。我创建了自己想要使用的图像，我希望将其设置为旋转动画。显然，将这个类附加到overlay类会使整个叠加旋转（诚然，这很有趣）。有没有办法将背景URL源隔离开来？有没有一种简单的方法可以将它转换为gif并使用其他程序制作动画？（MacOS的）

在叠加层中为背景图像设置动画

0 个答案: