javascript - 如何使用我的徽标制作加载微调器

Question

嗨，我需要用 css、js 或我的 Logo 中的任何人制作一个加载微调器。我的徽标为 PNG、GIF、SVG 所有格式。我想将它用于更长的站点加载、图片加载或任何人，并将其集成到我的 Vue3 项目中。

有没有人为此提供解决方案或指南，我在 4 小时时在谷歌上，没有什么能告诉我正确的。

谢谢

标签： javascriptcssvue.js

Answer 1

.mylogo{
  animation: rotation 3s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

<img src="https://www.transparentpng.com/download/circle-png/5CC7Ci-circle-png-picture.png" class="mylogo" width="80px"  />