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; }
}
