CSS text effect style : demo 195

                        

                            Best jQuery
                        
                    

                    .text-effect{
                        color: #78e08f;
                        font-family: 'Delius Swash Caps', cursive;
                        font-size: 100px;
                        font-weight: 700;
                        text-align: center;
                        letter-spacing: 1px;
                        text-shadow: 0 0 5px rgba(0,0,0,0.3);
                        animation: tada 1s infinite;
                    }
                    @keyframes tada{
                        0%{ transform: scale3d(1, 1, 1); }
                        10%, 20%{ transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); }
                        30%, 50%, 70%, 90%{ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
                        40%, 60%, 80%{ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
                        100%{ transform: scale3d(1, 1, 1); }
                    }
                    @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; }
                    }