加载动画 · Nervous Otter

类型：组件　·　分类：加载动画　·　收录：2026-09-19　·　源码：会员可见

[hidecontent type="vip1"]

    <div class="spinner">
    <div class="Spinner"></div>
    </div>
<style>
/* From Uiverse.io by K2-dev21 - Tags: loader */
.spinner {
  background-image: linear-gradient(#acb6e5 35%, #86fde8);
  width: 100px;
  height: 100px;
  animation: spinning21 1.7s linear infinite;
  text-align: center;
  border-radius: 50px;
  filter: blur(1px);
  box-shadow: 0px -5px 20px 0px rgb(186, 66, 255),
        0px 5px 20px 0px rgb(0, 225, 255);
}

.Spinner {
  background-color: rgb(36, 36, 36);
  width: 100px;
  height: 100px;
  border-radius: 50px;
  filter: blur(10px);
}

@keyframes spinning21 {
  to {
    transform: rotate(360deg);
  }
}
</style>

[/hidecontent]