CSS text effect style : demo 165

                        

                            Best jQuery
                        
                    

                    .text-effect{
                        color: #016985;
                        font-family: 'Dosis', sans-serif;
                        font-size: 100px;
                        font-weight: 700;
                        text-align: center;
                        position: relative;
                    }
                    .text-effect:before{
                        content: attr(data-content);
                        color: rgba(1,105,133,0.4);
                        width: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        animation: jump 0.6s linear infinite;
                    }
                    @keyframes jump{
                        0%{
                            opacity: 0;
                            transform: scale(1);
                        }
                        20%{ opacity: 1; }
                        100%{
                            opacity: 0;
                            transform: scale(1.2);
                        }    
                    }
                    @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; }
                    }