Loader by vikramsinghnegi
#e8e8e8
1.center-body { 2 background: #202628; 3 display: flex; 4 justify-content: center; 5 align-items: center; 6 width: 100%; 7 height: 100%; 8} 9body { 10} 11.loader-shape-3 { 12 position: relative; 13 display: inline-block; 14 width: 50px; 15 height: 50px; 16} 17.loader-shape-3:after { 18 width: 30px; 19 height: 20px; 20 border-radius: 100%; 21 background-color: rgba(255, 255, 255, 0.2); 22 top: 50%; 23 left: 50%; 24 transform: translate(-50%, -50%); 25 margin-top: 15px; 26} 27.loader-shape-3:before { 28 width: 20px; 29 height: 20px; 30 border-radius: 100% 100% 100% 0; 31 box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1); 32 animation: anm-SL-3-move 1s linear infinite; 33 top: 50%; 34 left: 50%; 35 transform: translate(-50%, -50%) rotate(-46deg); 36 margin-top: 20px; 37} 38.loader-shape-3:before, 39.loader-shape-3:after { 40 position: absolute; 41 content: ""; 42} 43@keyframes anm-SL-3-move { 44 0% { 45 top: 0; 46 } 47 50% { 48 top: -5px; 49 } 50 100% { 51 top: 0; 52 } 53} 54
593 views
593 views
MIT License