Game Over

HTML
<p>GAME<br>OVER</p>
CSS
html, body { background: black; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } p { text-align: center; color: black; font-family: 'Oswald', sans-serif; font-size: 9em; line-height: 1; animation: anim 3s; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes anim { 0% { text-shadow: -6px 4px 0px red; } 10% { text-shadow: 4px -6px 0px green; } 20% { text-shadow: -9px 4px 0px blue; } 30% { text-shadow: 4px -6px 0px yellow; } 40% { text-shadow: -8px 4px 0px orange; } 50% { text-shadow: 4px 5px 0px purple; } 60% { text-shadow: -6px 4px 0px brown; } 70% { text-shadow: 4px 7px 0px pink; } 80% { text-shadow: -9px -4px 0px lime; } 90% { text-shadow: 4px -6px 0px cyan; } 100% { text-shadow: -9px 4px 0px teal; } }
JAVASCRIPT
Expand for more options Login