Loader by Juanes200122
#212121
1.loader { 2 width: 48px; 3 height: 48px; 4 border: 3px dotted #fff; 5 border-style: solid solid dotted dotted; 6 border-radius: 50%; 7 display: inline-block; 8 position: relative; 9 box-sizing: border-box; 10 animation: rotation 2s linear infinite; 11} 12.loader::after { 13 content: ""; 14 box-sizing: border-box; 15 position: absolute; 16 left: 0; 17 right: 0; 18 top: 0; 19 bottom: 0; 20 margin: auto; 21 border: 3px dotted #ff3d00; 22 border-style: solid solid dotted; 23 width: 24px; 24 height: 24px; 25 border-radius: 50%; 26 animation: rotationBack 1s linear infinite; 27 transform-origin: center center; 28} 29 30@keyframes rotation { 31 0% { 32 transform: rotate(0deg); 33 } 34 100% { 35 transform: rotate(360deg); 36 } 37} 38@keyframes rotationBack { 39 0% { 40 transform: rotate(0deg); 41 } 42 100% { 43 transform: rotate(-360deg); 44 } 45} 46
430 views
430 views
Original Creator: css-loader
This UI element is reposted from an external origin. Show them some appreciation!
MIT License