Loader by fanishah
#212121
1.loading-bar { 2 position: relative; 3 width: 110px; 4 height: 110px; 5 background: transparent; 6 border: px solid #3c3c3c; 7 border-radius: 50%; 8 text-align: center; 9 line-height: 111px; 10 font-family: sans-serif; 11 font-size: 15px; 12 color: #fff000; 13 letter-spacing: 3px; 14 text-transform: uppercase; 15 text-shadow: 0 0 20px #fff000; 16 box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); 17} 18 19.loading-bar:before { 20 content: ""; 21 position: absolute; 22 top: -3px; 23 left: -3px; 24 width: 100%; 25 height: 100%; 26 border: 3px solid transparent; 27 border-top: 5px solid #fff000; 28 border-right: 5px solid #fff000; 29 border-radius: 50%; 30 animation: animateC 2s linear infinite; 31} 32 33@keyframes animateC { 34 0% { 35 transform: rotate(0deg); 36 } 37 38 100% { 39 transform: rotate(360deg); 40 } 41} 42 43@keyframes animate { 44 0% { 45 transform: rotate(45deg); 46 } 47 48 100% { 49 transform: rotate(405deg); 50 } 51} 52
1.6K views
1.6K views
MIT License