html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <p><a href="#">RED</a></p>
        <p><a href="#">BLUE</a></p>
        <p><a href="#">GREEN</a></p>
    </div>

</body>
</html>

CSS
body{
    margin: 0px;
    padding: 0px;
    background-color: #000000;
}


.container{
    width: 500px;
    margin: auto;
}
.container p{
    width: 500px;
    height: 21px;
    display: inline-block;
    margin: 20px auto;
    text-align: center;
    line-height: 21px;
}


p:nth-child(1) a{
    color:#FF1177;
    font-family:Monoton;
    font-weight: bold;
}

.container a{
    text-decoration: none;
    transition: all 0.5s;
}

a:hover{
    color: #ffffff;
}


p:nth-child(1) a:hover{
    animation: neon1 1.5s ease-in-out infinite alternate;
}

p:nth-child(2) a{
    font-size:1.5em;
    color:#228DFF;
    font-family:Iceland;
}
p:nth-child(2) a:hover{
    -webkit-animation: neon2 1.5s ease-in-out infinite alternate;
    -moz-animation: neon2 1.5s ease-in-out infinite alternate;
    animation: neon2 1.5s ease-in-out infinite alternate;
}

p:nth-child(3) a{
    color:#FFDD1B;
    font-family:Pacifico;
}
p:nth-child(3) a:hover{
    -webkit-animation: neon3 1.5s ease-in-out infinite alternate;
    -moz-animation: neon3 1.5s ease-in-out infinite alternate;
    animation: neon3 1.5s ease-in-out infinite alternate;
}

@keyframes neon1 {
    from{
        text-shadow:    0 0 10px  #fff,
                        0 0 20px  #fff,
                        0 0 30px  #fff,
                        0 0 40px  #FF1177,
                        0 0 70px  #FF1177,
                        0 0 80px  #FF1177,
                        0 0 100px #FF1177,
                        0 0 150px #FF1177;
    }
    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;
    }
}


@-webkit-keyframes neon2 {
    from {
        text-shadow: 0 0 10px #fff,
        0 0 20px  #fff,
        0 0 30px  #fff,
        0 0 40px  #228DFF,
        0 0 70px  #228DFF,
        0 0 80px  #228DFF,
        0 0 100px #228DFF,
        0 0 150px #228DFF;
    }
    to {
        text-shadow: 0 0 5px #fff,
        0 0 10px #fff,
        0 0 15px #fff,
        0 0 20px #228DFF,
        0 0 35px #228DFF,
        0 0 40px #228DFF,
        0 0 50px #228DFF,
        0 0 75px #228DFF;
    }
}

@-webkit-keyframes neon3 {
    from {
        text-shadow: 0 0 10px #fff,
        0 0 20px  #fff,
        0 0 30px  #fff,
        0 0 40px  #FFDD1B,
        0 0 70px  #FFDD1B,
        0 0 80px  #FFDD1B,
        0 0 100px #FFDD1B,
        0 0 150px #FFDD1B;
    }
    to {
        text-shadow: 0 0 5px #fff,
        0 0 10px #fff,
        0 0 15px #fff,
        0 0 20px #FFDD1B,
        0 0 35px #FFDD1B,
        0 0 40px #FFDD1B,
        0 0 50px #FFDD1B,
        0 0 75px #FFDD1B;
    }
}