![](/build/_assets/logo-png-XGWSYHKJ.png)
Loader by Z4drus
#212121
1@keyframes spin { 2 0% { 3 transform: rotateY(0deg) translateZ(0); 4 } 5 100% { 6 transform: rotateY(360deg) translateZ(0); 7 } 8} 9 10body, 11html { 12 height: 100%; 13 margin: 0; 14 display: flex; 15 align-items: center; 16 justify-content: center; 17} 18 19.meteor { 20 width: 150px; 21 height: 150px; 22 background: linear-gradient( 23 135deg, 24 rgba(255, 255, 255, 0.6) 0%, 25 rgba(0, 0, 0, 0.6) 100% 26 ); 27 border-radius: 50%; 28 position: relative; 29 animation: spin 3s linear infinite; 30 box-shadow: 0 0 20px rgba(255, 255, 255, 0.5); 31 transform-style: preserve-3d; 32} 33 34.meteor::before, 35.meteor::after { 36 content: ""; 37 position: absolute; 38 top: 0; 39 left: 0; 40 right: 0; 41 bottom: 0; 42 border-radius: 50%; 43 background: inherit; 44} 45 46.meteor::before { 47 transform: translateZ(-15px); 48} 49 50.meteor::after { 51 transform: translateZ(15px); 52} 53
129 views
129 views
MIT License