css hover link style : demo 123

                        

                            
                                Hover Me
                            
                        
                    

                        .link{
                            color: #fff;
                            font-family: 'Capriola', sans-serif;
                            font-size: 25px;
                            line-height: 20px;
                            text-transform: capitalize;
                            display: inline-block;
                            transition: all 0.4s cubic-bezier(0.5, 3, 0, 1);
                        }
                        .link:focus,
                        .link:hover{
                            color: #fff;
                            text-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 5px 5px 0 rgba(255, 255, 255, 0.3),
                                        10px 10px 0 rgba(255, 255, 255, 0.2), 15px 15px 0 rgba(255, 255, 255, 0.1);
                            transform: rotateX(20deg) rotateY(20deg);
                        }
                        @media only screen and (max-width: 767px){
                            .link{ margin-bottom: 30px; }
                        }