css hover link style : demo 128

CSS

(Fonts required: Amaranth.)
                        .link{
                            color: #333;
                            font-family: 'Bitter', serif;
                            font-size: 23px;
                            font-weight: 700;
                            text-transform: capitalize;
                            letter-spacing: 2px;
                            line-height: 20px;
                            display: inline-block;
                            transition:all 0.4s ease-out;
                        }
                        .link:focus,
                        .link:hover{
                            color: #1e3799;
                            animation: animate .4s linear 1;
                        }
                        @keyframes animate{
                            30%{ transform: translate3d(0, -5px, 0) rotate(5deg); }
                            50%{ transform: translate3d(0, -3px, 0) rotate(-4deg); }
                            80%{ transform: translate3d(0, 0, 0) rotate(-3deg); }
                            100%{ transform: rotate(0deg); }
                        }
                        @media only screen and (max-width: 767px){
                            .link{ margin-bottom: 30px; }
                        }
                    
License Terms