Codepad Glowing Effect

HTML
<p> <a href="#">Codepad</a> </p>
CSS
html, body { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/fake_brick.png); } p { font-size: 7em; } a { text-decoration: none; transition: all 0.5s; } p:nth-child(1) a { color: #FF1177; font-family: Monoton; animation: neon 1.5s ease-in-out infinite alternate; } @keyframes neon { to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177; } }
JAVASCRIPT
Expand for more options Login