CSS text effect style : demo 152

                        

                            Best jQuery
                        
                    

                    .text-effect{
                        color: #6D214F;
                        font-family: 'Tapestry', cursive;
                        font-size: 100px;
                        font-weight: 900;
                        text-align: center;
                        text-shadow: 3px 3px rgba(0,0,0,0.2);
                        animation: shake 0.5s infinite;
                    }
                    @keyframes shake{
                        0%{ transform: translate(1px, -2px) rotate(-1deg); }
                        10%{ transform: translate(-1px, 2px) rotate(-1deg); }
                        20%{ transform: translate(1px, 2px) rotate(0deg); }
                        30%{ transform: translate(3px, 2px) rotate(0deg); }
                        40%{ transform: translate(1px, -1px) rotate(1deg); }
                        50%{ transform: translate(-1px, -2px) rotate(-1deg); }
                        60%{ transform: translate(-3px, 1px) rotate(0deg); }
                        70%{ transform: translate(3px, 1px) rotate(-1deg); }
                        80%{ transform: translate(-1px, -1px) rotate(1deg); }
                        90%{ transform: translate(-3px, 0px) rotate(1deg); }
                        100%{ transform: translate(1px, 1px) rotate(0deg); }
                    }
                    @media only screen and (max-width: 990px){
                        .text-effect{ font-size: 70px; }
                    }
                    @media only screen and (max-width: 767px){
                        .text-effect{ font-size: 55px; }
                    }
                    @media only screen and (max-width: 576px){
                        .text-effect{ font-size: 45px; }
                    }