Loader by csozidev
#e8e8e8
1/* Simple loader made by: csozi | Website: www.csozi.hu*/ 2 3.loader { 4 height: 50px; 5 width: 50px; 6 position: relative; 7} 8 9.block { 10 height: 10px; 11 width: 10px; 12 background-color: black; 13 position: absolute; 14 opacity: 0; 15} 16 17.b_1 { 18 top: 0; 19 left: 0; 20 animation: load 2s infinite; 21 animation-delay: 0; 22} 23 24.b_2 { 25 top: 0; 26 left: 20px; 27 animation: load 2s infinite; 28 animation-delay: 0.25s; 29} 30 31.b_3 { 32 top: 0; 33 right: 0; 34 animation: load 2s infinite; 35 animation-delay: 0.5s; 36} 37 38.b_4 { 39 top: 20px; 40 right: 0; 41 animation: load 2s infinite; 42 animation-delay: 0.75s; 43} 44 45.b_5 { 46 bottom: 0; 47 right: 0; 48 animation: load 2s infinite; 49 animation-delay: 1s; 50} 51 52.b_6 { 53 bottom: 0; 54 left: 20px; 55 animation: load 2s infinite; 56 animation-delay: 1.25s; 57} 58 59.b_7 { 60 bottom: 0; 61 left: 0; 62 animation: load 2s infinite; 63 animation-delay: 1.5s; 64} 65 66.b_8 { 67 top: 20px; 68 left: 0; 69 animation: load 2s infinite; 70 animation-delay: 1.75s; 71} 72 73@keyframes load { 74 0% { 75 opacity: 1; 76 } 77 78 85% { 79 opacity: 0; 80 } 81 82 100% { 83 opacity: 1; 84 } 85}
635 views
635 views
MIT License