Card by Luciifer666
This card was created for One <div> challenge
#212121
1.one-div { 2 width: 100px; 3 height: 100px; 4 margin: 100px auto; 5 position: relative; 6} 7 8.one-div::before, .one-div::after { 9 content: ''; 10 position: absolute; 11 top: 0; 12 left: 0; 13 width: 100%; 14 height: 100%; 15 border-radius: 50%; 16 border: 6px solid transparent; 17} 18 19.one-div::before { 20 border-top-color: #3468db; 21 animation: spin 1.5s infinite linear; 22} 23 24.one-div::after { 25 border-top-color: #e67e22; 26 animation: spin-reverse 1.5s infinite linear; 27} 28 29@keyframes spin { 30 0% { 31 transform: rotate(0deg); 32 } 33 34 100% { 35 transform: rotate(360deg); 36 } 37} 38 39@keyframes spin-reverse { 40 0% { 41 transform: rotate(0deg); 42 } 43 44 100% { 45 transform: rotate(-360deg); 46 } 47}
649 views
649 views
MIT License