加载动画 · Curly Monkey

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

[hidecontent type="vip1"]

<div class="loader"></div>
<style>
/* From Uiverse.io by JaydipPrajapati1910 - Tags: animation, loader, infinite */
.loader {
  width: calc(160px / 0.707);
  height: 28px;
  background: repeating-linear-gradient(-45deg, #766DF4 0 30px,#0000 0 40px) left/200% 100%;
  animation: i3 2s infinite linear;
  border-radius: 10px;
  border: 1px solid #766DF4;
}

@keyframes i3 {
  100% {
    background-position: right
  }
}
  

</style>

[/hidecontent]