This post is saved as a draft.
This post is saved as a draft.
#e8e8e8
1.loader { 2 position: absolute; 3 margin: 75px auto; 4 width: 150px; 5 height: 150px; 6 display: block; 7 overflow: hidden; 8} 9 10.loader div { 11 height: 100%; 12} 13 14/* loader 1 */ 15.loader1, .loader1 div { 16 border-radius: 50%; 17 padding: 8px; 18 border: 2px solid transparent; 19 -webkit-animation: rotate1076 linear 3.5s infinite; 20 animation: rotate1076 linear 3.5s infinite; 21 border-top-color: rgba(0, 0, 0, 0.5); 22 border-bottom-color: rgba(0, 0, 255, 0.5); 23} 24 25.loader, .loader * { 26 will-change: transform; 27} 28 29@keyframes rotate1076 { 30 0% { 31 transform: rotate(0deg); 32 } 33 34 50% { 35 transform: rotate(180deg); 36 } 37 38 100% { 39 transform: rotate(360deg); 40 } 41} 42 43
MIT License