Loader by realrobertlogan
#212121
1.loader { 2 width: 3rem; 3 height: 3rem; 4 clear: both; 5 margin: 1rem auto; 6 border: 2px #fff solid; 7 border-radius: 100%; 8 overflow: hidden; 9 position: relative; 10} 11 12.loader:after, 13.loader:before { 14 content: ""; 15 border-radius: 50%; 16 position: absolute; 17 width: inherit; 18 height: inherit; 19 animation: spVortex 2s infinite linear; 20} 21 22.loader:before { 23 border-top: 0.5rem #fff solid; 24 top: -0.1875rem; 25 left: calc(-50% - 0.1875rem); 26 transform-origin: right center; 27} 28 29.loader:after { 30 border-bottom: 0.5rem #fff solid; 31 top: 0.1875rem; 32 right: calc(-50% - 0.1875rem); 33 transform-origin: left center; 34} 35 36@keyframes spVortex { 37 from { 38 transform: rotate(0deg); 39 } 40 41 to { 42 transform: rotate(359deg); 43 } 44} 45
217 views
Variation of aloader
MIT License