Loader by Juanes200122
#e8e8e8
1.container_SevMini { 2 display: flex; 3 justify-content: center; 4 align-items: center; 5 flex-direction: column; 6} 7 8.Ghost { 9 transform: translate(0px, -25px); 10 z-index: -1; 11 animation: opacidad 4s infinite ease-in-out; 12} 13 14@keyframes opacidad { 15 0% { 16 opacity: 1; 17 scale: 1; 18 } 19 20 50% { 21 opacity: 0.5; 22 scale: 0.9; 23 } 24 25 100% { 26 opacity: 1; 27 scale: 1; 28 } 29} 30 31@keyframes estroboscopico { 32 0% { 33 opacity: 1; 34 } 35 36 50% { 37 opacity: 0; 38 } 39 40 51% { 41 opacity: 1; 42 } 43 44 100% { 45 opacity: 1; 46 } 47} 48 49@keyframes rebote { 50 0%, 51 100% { 52 transform: translateY(0); 53 } 54 55 50% { 56 transform: translateY(-10px); 57 } 58} 59 60@keyframes estroboscopico1 { 61 0%, 62 50%, 63 100% { 64 fill: rgb(255, 95, 74); 65 } 66 67 25%, 68 75% { 69 fill: rgb(16, 53, 115); 70 } 71} 72 73@keyframes estroboscopico2 { 74 0%, 75 50%, 76 100% { 77 fill: #17e300; 78 } 79 80 25%, 81 75% { 82 fill: #17e300b4; 83 } 84} 85 86.SevMini { 87 animation: rebote 4s infinite ease-in-out; 88} 89 90#strobe_led1 { 91 animation: estroboscopico 0.5s infinite; 92} 93 94#strobe_color1 { 95 animation: estroboscopico2 0.8s infinite; 96} 97 98#strobe_color3 { 99 animation: estroboscopico1 0.8s infinite; 100 animation-delay: 3s; 101} 102
137 views
137 views
MIT License