Loader by Saiyed-Tanvir
#e8e8e8
1.box { 2 height: 5cm; 3 width: 5cm; 4 border: 5px solid #ffa600; 5 box-shadow: inset 0 0 0 #ffa600; 6 animation: load 2s ease-in-out infinite; 7} 8 9@keyframes load { 10 0% { 11 box-shadow: inset -5cm -2.5cm 0 #ffa600; 12 } 13 14 25% { 15 box-shadow: inset 5cm -2.5cm 0 #ffa600; 16 } 17 18 25.01% { 19 box-shadow: inset 2.5cm -5cm 0 #ffa600; 20 } 21 22 50% { 23 box-shadow: inset 2.5cm 5cm 0 #ffa600; 24 } 25 26 50.01% { 27 box-shadow: inset 5cm 2.5cm 0 #ffa600; 28 } 29 30 75% { 31 box-shadow: inset -5cm 2.5cm 0 #ffa600; 32 } 33 34 75.01% { 35 box-shadow: inset -2.5cm 5cm 0 #ffa600; 36 } 37 38 100% { 39 box-shadow: inset -2.5cm -5cm 0 #ffa600; 40 } 41}
386 views
Variation of aloader
MIT License