3.3K views
1.loader { 2 width: 150px; 3 height: 150px; 4 position: relative; 5 display: flex; 6 align-items: center; 7 justify-content: center; 8} 9 10.loader_cube { 11 position: absolute; 12 width: 100%; 13 height: 100%; 14 border-radius: 30px; 15} 16 17.loader_cube--glowing { 18 z-index: 2; 19 background-color: rgba(255, 255, 255, 0.2); 20 border: 2px solid rgba(255, 255, 255, 0.3); 21} 22 23.loader_cube--color { 24 z-index: 1; 25 filter: blur(2px); 26 background: linear-gradient(135deg, #1afbf0, #da00ff); 27 animation: loadtwo 2.5s ease-in-out infinite; 28} 29 30@keyframes loadtwo { 31 50% { 32 transform: rotate(-80deg); 33 } 34}
MIT License