react18-loaders
Version:
A comprehensive library that unleashes the full potential of React 18 server components, providing customizable loading animation components alongside a fullscreen loader container. Designed to seamlessly integrate with React and Next.js.
2 lines (1 loc) • 446 B
CSS
.bars1__loader{width:45px;aspect-ratio:1;--c: #000;--b: no-repeat repeating-linear-gradient(90deg, var(--c) 0 calc(100% / 7), #0000 0 calc(200% / 7));background:var(--b),var(--b),var(--b),var(--b);background-size:140% 26%;animation:bars1__l27 .75s infinite linear}@keyframes bars1__l27{0%,20%{background-position:0 0%,100% 33.3333333333%,0 66.6666666667%,100% 100%}80%,to{background-position:100% 0%,0 33.3333333333%,100% 66.6666666667%,0 100%}}