#e8e8e8
1.loader { 2 height: 5cm; 3 width: 5cm; 4 border-radius: 1rem; 5 /* border: 1px solid #0a7cbe; */ 6 box-shadow: inset 0 0 0 #0a7cbe; 7 animation: load 4s ease infinite; 8} 9 10@keyframes load { 11 12 0% { 13 box-shadow: inset -5cm -2.5cm 0 #0a7cbe; 14 } 15 16 25% { 17 box-shadow: inset 5cm -2.5cm 0 #0a7cbe; 18 } 19 20 25.01% { 21 box-shadow: inset 2.5cm -5cm 0 #0a7cbe; 22 } 23 24 50% { 25 box-shadow: inset 2.5cm 5cm 0 #0a7cbe; 26 } 27 28 50.01% { 29 box-shadow: inset 5cm 2.5cm 0 #0a7cbe; 30 } 31 32 75% { 33 box-shadow: inset -5cm 2.5cm 0 #0a7cbe; 34 } 35 36 75.01% { 37 box-shadow: inset -2.5cm 5cm 0 #0a7cbe; 38 } 39 40 100% { 41 box-shadow: inset -2.5cm -5cm 0 #0a7cbe; 42 } 43}
148 views
148 views
Comments
Variations
1 MIT License