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

Question

我有一个非常具体的客户。他要求创建加载图像。但没有简单的纺车之类的。这是他的产品纺纱。问题是 - 当我创建一个有十帧的 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有更多关于支持的信息以及哪些版本需要前缀。