Loader by Shoh2008
#212121
1.loader { 2 width: 48px; 3 height: 48px; 4 border: 2px solid #FFF; 5 border-radius: 50%; 6 display: inline-block; 7 position: relative; 8 box-sizing: border-box; 9 animation: rotation_35 1s linear infinite; 10} 11 12.loader::after, 13.loader::before { 14 content: ''; 15 box-sizing: border-box; 16 position: absolute; 17 left: 0; 18 top: 0; 19 background: greenyellow; 20 width: 6px; 21 height: 6px; 22 transform: translate(150%, 150%); 23 border-radius: 50%; 24} 25 26.loader::before { 27 left: auto; 28 top: auto; 29 right: 0; 30 bottom: 0; 31 transform: translate(-150%, -150%); 32} 33 34@keyframes rotation_35 { 35 0% { 36 transform: rotate(0deg); 37 } 38 39 100% { 40 transform: rotate(360deg); 41 } 42}
614 views
614 views
MIT License