CSS text effect style : demo 79

                        

                            Best jQuery
                        
                    

                        .text-effect{
                            color: #fff;
                            font-family: 'Yanone Kaffeesatz', sans-serif;
                            font-size: 100px;
                            font-weight: 600;
                            text-align: center;
                            text-shadow: 0 0 10px rgba(0,0,0,0.5);
                            margin: 0 auto;
                            animation: animate 5s linear infinite forwards;
                        }
                        @keyframes animate{
                            0%{ transform: scale(1); }
                            25%{ transform: scale(1.1) skewX(-40deg); }
                            50%{ transform: scale(1) skewX(0);}
                            75%{ transform: scale(1.1) skewX(40deg); }
                            100%{ transform: scale(1) skewX(0); }
                        }
                        @media only screen and (max-width: 990px){
                            .text-effect{ font-size: 100px; }
                        }
                        @media only screen and (max-width: 767px){
                            .text-effect{ font-size: 80px; }
                        }
                        @media only screen and (max-width: 576px){
                            .text-effect{ font-size: 60px; }
                        }
                        @media only screen and (max-width: 479px){
                            .text-effect{ font-size: 45px; }
                        }