![](/build/_assets/logo-png-XGWSYHKJ.png)
Loader by Zadrus
#212121
1.loading { 2 display: flex; 3 justify-content: center; 4 align-items: center; 5} 6 7.diamond { 8 width: 50px; 9 height: 50px; 10 background-color: orange; 11 clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 12 margin: 5px; 13 opacity: 0; 14 animation: fade-in-out 1.5s ease-in-out infinite; 15} 16 17.diamond.middle { 18 transform: rotateY(180deg); 19} 20 21@keyframes fade-in-out { 22 0%, 23 100% { 24 opacity: 0; 25 } 26 50% { 27 opacity: 1; 28 } 29} 30 31.diamond { 32 background: linear-gradient(45deg, #ffba00, #ff6c00); 33} 34 35.diamond:nth-child(1) { 36 animation-delay: 0s; 37} 38 39.diamond.middle { 40 animation-delay: 0.5s; 41} 42 43.diamond:nth-child(3) { 44 animation-delay: 1s; 45} 46
327 views
327 views
MIT License