流畅的动画图像作为背景？

Question

我有一个非常具体的客户。他要求创建一个加载图像。但没有简单的spinnig轮或诸如此类的东西。这是他的产品纺纱。问题是 - 当我创建一个有十帧的gif时，它不稳定且不太流畅。

我可以使用哪种其他格式，可以在网页上作为页面加载的背景使用？

Answer 1

根据您对旋转的意义以及您希望它运行的浏览器的不同，您可能可以使用（几乎）纯CSS。

#animated {animation: loading 5s infinite linear}
@keyframes loading {
  from {transform: rotate(0deg);}
  to   {transform: rotate(359deg);}
}

<img id="animated" src="logo.png">

MDN有更多关于支持的信息以及需要前缀的版本。