Loader by r7chardgh
#212121
1.loader { 2 display: flex; 3 gap: .5em; 4} 5 6.leaf { 7 width: 1em; 8 height: 3em; 9 background-color: rgb(0, 0, 0,.3); 10 clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 81%); 11 transform: rotate(-30deg); 12 animation: color 1200ms infinite; 13 animation-delay: 800ms; 14} 15 16.leaf:nth-child(2) { 17 clip-path: polygon(0% 35%,100% 35%,100% 100%,0% 81%); 18 animation-delay: 400ms; 19} 20 21.leaf:nth-child(1) { 22 clip-path: polygon(0% 70%,100% 70%,100% 100%,0% 81%); 23 animation-delay: 0ms; 24} 25 26@keyframes color { 27 from { 28 background-color: lightblue; 29 } 30 31 to { 32 } 33}
611 views
611 views
MIT License