Loader by vikramsinghnegi
#e8e8e8
1.bars { 2 width: 50.5px; 3 height: 60.599999999999994px; 4 --c: repeating-linear-gradient(90deg, #474bff 0 10.1px, #0000 0 20.2px); 5 background: var(--c), var(--c), var(--c), var(--c); 6 background-size: 100% 21%; 7 background-repeat: no-repeat; 8 animation: bars-yrfh98 0.75s infinite alternate; 9} 10 11@keyframes bars-yrfh98 { 12 0%, 13 10% { 14 background-position: 0 0, 0 25%, 0 50%, 0 75%; 15 } 16 17 25% { 18 background-position: 0 0, 0 25%, 0 50%, 0 100%; 19 } 20 21 50% { 22 background-position: 0 0, 0 25%, 0 75%, 0 100%; 23 } 24 25 75% { 26 background-position: 0 0, 0 50%, 0 75%, 0 100%; 27 } 28 29 90%, 30 100% { 31 background-position: 0 25%, 0 50%, 0 75%, 0 100%; 32 } 33} 34
163 views
163 views
MIT License