717 views
1.l { 2 color: black; 3 opacity: 0; 4 animation: pass 2s ease-in-out infinite; 5 animation-delay: 0.2s; 6 letter-spacing: 0.5em; 7 text-shadow: 2px 2px 3px #919191; 8} 9 10.o { 11 color: black; 12 opacity: 0; 13 animation: pass 2s ease-in-out infinite; 14 animation-delay: 0.4s; 15 letter-spacing: 0.5em; 16 text-shadow: 2px 2px 3px #919191; 17} 18 19.a { 20 color: black; 21 opacity: 0; 22 animation: pass 2s ease-in-out infinite; 23 animation-delay: 0.6s; 24 letter-spacing: 0.5em; 25 text-shadow: 2px 2px 3px #919191; 26} 27 28.d { 29 color: black; 30 opacity: 0; 31 animation: pass 2s ease-in-out infinite; 32 animation-delay: 0.8s; 33 letter-spacing: 0.5em; 34 text-shadow: 2px 2px 3px #919191; 35} 36 37.i { 38 color: black; 39 opacity: 0; 40 animation: pass 2s ease-in-out infinite; 41 animation-delay: 1s; 42 letter-spacing: 0.5em; 43 text-shadow: 2px 2px 3px #919191; 44} 45 46.n { 47 color: black; 48 opacity: 0; 49 animation: pass 2s ease-in-out infinite; 50 animation-delay: 1.2s; 51 letter-spacing: 0.5em; 52 text-shadow: 2px 2px 3px #919191; 53} 54 55.g { 56 color: black; 57 opacity: 0; 58 animation: pass 2s ease-in-out infinite; 59 animation-delay: 1.4s; 60 letter-spacing: 0.5em; 61 text-shadow: 2px 2px 3px #919191; 62} 63 64.d1 { 65 color: black; 66 opacity: 0; 67 animation: pass1 2s ease-in-out infinite; 68 animation-delay: 1.6s; 69 letter-spacing: 0.5em; 70 text-shadow: 2px 2px 3px #919191; 71} 72 73.d2 { 74 color: black; 75 opacity: 0; 76 animation: pass1 2s ease-in-out infinite; 77 animation-delay: 2s; 78 letter-spacing: 0.5em; 79 text-shadow: 2px 2px 3px #919191; 80} 81 82@keyframes pass { 83 0% { 84 opacity: 1; 85 } 86 87 50% { 88 opacity: 0; 89 } 90 91 100% { 92 opacity: 1; 93 } 94} 95 96@keyframes pass1 { 97 0% { 98 opacity: 1; 99 } 100 101 50% { 102 opacity: 0; 103 } 104 105 100% { 106 opacity: 1; 107 } 108}
Praashoo7
Prashant
MIT License