Loader by david-mohseni
#e8e8e8
1.arrow { 2 transform: rotate(90deg); 3 cursor: pointer; 4} 5 6.arrow span { 7 display: block; 8 width: 15px; 9 height: 15px; 10 border-bottom: 5px solid red; 11 border-right: 5px solid red; 12 transform: rotate(45deg); 13 margin: -15px; 14 animation: animate28797 2s infinite; 15} 16 17.arrow span:nth-child(2) { 18 animation-delay: -0.2s; 19} 20 21.arrow span:nth-child(3) { 22 animation-delay: -0.4s; 23} 24 25@keyframes animate28797 { 26 0% { 27 opacity: 0; 28 transform: rotate(45deg) translate(-20px, -20px); 29 } 30 31 50% { 32 opacity: 1; 33 } 34 35 100% { 36 opacity: 0; 37 transform: rotate(45deg) translate(20px, 20px); 38 } 39}
1.2K views
1.2K views
MIT License