css hover link style : demo 132

CSS

(Fonts required: Amaranth.)
                        .link{
                            color: #333;
                            font-family: 'Amaranth', sans-serif;
                            font-size: 25px;
                            font-weight: 500;
                            line-height: 20px;
                            text-transform: capitalize;
                            display: inline-block;
                            transition: all 0.3s ease 0s;
                        }
                        .link:hover{
                            color: #706FD3;
                            animation: blur-a 1.5s ease-out infinite;
                        }
                        @keyframes blur-a{
                            0%{
                                text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 13px #fff,
                                            0px 0px 13px #fff, 0px 0px 13px #fff, 0px 0px 13px #fff,
                                            0px 0px 13px #fff, 0px 0px 13px #fff, 0px 0px 25px #fff,
                                            0px 0px 25px #fff, 0px 0px 25px #706FD3, 0px 0px 75px #706FD3,
                                            0px 5px 50px #706FD3, 0px 5px 50px #706FD3, 0px 5px 50px #706FD3,
                                            0px 5px 50px #706FD3, 0px -5px 50px #706FD3, 0px -5px 50px #706FD3;
                            }
                        }
                        @media only screen and (max-width: 767px){
                            .link{ margin-bottom: 30px; }
                        }
                    
License Terms