CSS text effect style : demo 245

                        

                            Best jQuery
                        
                    

                        .text-effect{
                            color: #003844;
                            font-family: "Jockey One", sans-serif;
                            font-size: 100px;
                            font-weight: 400;
                            text-align: center;
                            text-transform: uppercase;
                            animation: headShake 1s ease infinite;
                        }
                        @keyframes headShake {
                                0% { transform: translateX(0); }
                              6.5% { transform: translateX(-6px) rotateY(-9deg); }
                             18.5% { transform: translateX(5px) rotateY(7deg); }
                             31.5% { transform: translateX(-3px) rotateY(-5deg); }
                             43.5% { transform: translateX(2px) rotateY(3deg); }
                               50% { transform: translateX(0); }
                        }
                        @media only screen and (max-width: 990px){
                            .text-effect{ font-size: 70px; }
                        }
                        @media only screen and (max-width: 767px){
                           .text-effect{ font-size: 60px; }
                        }
                        @media only screen and (max-width: 576px){
                           .text-effect{ font-size: 35px; }
                        }