加载动画 · Witty Robin

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

[hidecontent type="vip1"]

<div class="loader"></div>
<style>
/* From Uiverse.io by Bodyhc - Tags: loader, car loader, 3d loader, 3d cude loader */
.loader {
  width: calc(90px / 0.707);
  height: 20px;
  background: repeating-linear-gradient(135deg, #766DF4 0 15px,#0000 0 20px) left top,
    repeating-linear-gradient( 45deg, #766DF4 0 15px,#0000 0 20px) left bottom;
  background-size: 300% 50%;
  background-repeat: no-repeat;
  animation: i4 2s infinite linear;
}

@keyframes i4 {
  100% {
    background-position: top right,bottom right
  }
}

</style>

[/hidecontent]