Loader by Shoh2008
#212121
1.loader { 2 width: 48px; 3 height: 48px; 4 display: block; 5 margin: 15px auto; 6 position: relative; 7 color: #FFF; 8 box-sizing: border-box; 9 animation: rotation_19 1s linear infinite; 10} 11 12.loader::after, 13.loader::before { 14 content: ''; 15 box-sizing: border-box; 16 position: absolute; 17 width: 24px; 18 height: 24px; 19 top: 0; 20 background-color: #FFF; 21 border-radius: 50%; 22 animation: scale50 1s infinite ease-in-out; 23} 24 25.loader::before { 26 top: auto; 27 bottom: 0; 28 background-color: #FF3D00; 29 animation-delay: 0.5s; 30} 31 32@keyframes rotation_19 { 33 0% { 34 transform: rotate(0deg); 35 } 36 37 100% { 38 transform: rotate(360deg); 39 } 40} 41 42@keyframes scale50 { 43 0%, 100% { 44 transform: scale(0); 45 } 46 47 50% { 48 transform: scale(1); 49 } 50}
824 views
824 views
MIT License