CSS text effect style : demo 170

                        

                            Best
                            jQuery
                        
                    

                    .text-effect{
                        color: #df1716;
                        font-family: 'Smokum', cursive;
                        font-size: 100px;
                        font-weight: 700;
                        text-align: center;
                        text-transform: uppercase;
                    }
                    .text-effect span{
                        display: inline-block;
                        animation: animate 1.5s infinite linear;
                    }
                    .text-effect span:nth-child(2n){ animation: animate_1 1.5s infinite linear;}
                    @keyframes animate{
                        0%, 100% { transform: rotate(0deg); }
                        25% { transform: rotate(15deg);}
                        75% { transform: rotate(-15deg); }
                    }
                    @keyframes animate_1{
                        0%, 100% { transform: rotate(0deg); }
                        25% { transform: rotate(-15deg); }
                        75% { transform: rotate(15deg); }
                    }
                    @media only screen and (max-width: 990px){
                        .text-effect{ font-size: 80px; }
                    }
                    @media only screen and (max-width: 767px){
                        .text-effect{ font-size: 60px; }
                    }
                    @media only screen and (max-width: 576px){
                        .text-effect{ font-size: 45px; }
                    }