#212121
1.loader { 2 width: 150px; 3 height: 150px; 4 border-left: 5px solid #38ff8e; 5 border-radius: 50%; 6 animation: right5231 0.9s linear infinite; 7} 8 9.loader::before, 10 .loader::after { 11 content: ""; 12 width: 120px; 13 height: 120px; 14 display: block; 15 position: absolute; 16 top: calc(50% - 60px); 17 left: calc(50% - 60px); 18 border-right: 5px solid #ffbe0b; 19 border-radius: 50%; 20 animation: left036 0.9s linear infinite; 21} 22 23.loader::after { 24 width: 90px; 25 height: 90px; 26 top: calc(50% - 45px); 27 left: calc(50% - 45px); 28 border: 0; 29 border-top: 5px solid #ff086e; 30 animation: none; 31} 32 33@keyframes right5231 { 34 from { 35 transform: rotate(0deg); 36 } 37 38 to { 39 transform: rotate(360deg); 40 } 41} 42 43@keyframes left036 { 44 from { 45 transform: rotate(720deg); 46 } 47 48 to { 49 transform: rotate(0deg); 50 } 51}
1.3K views
1.3K views
Comments
MIT License