CSS text effect style : demo 185

                        

                            Best jQuery
                        
                    

                    .text-effect{
                        color: #3c1053;
                        font-family: 'Satisfy', cursive;
                        font-size: 100px;
                        font-weight: 400;
                        text-align: center;
                        animation: 1.5s toggleSize linear infinite;
                    }
                    @keyframes toggleSize{
                        0%, 100%{ transform:  scale(0.5); }
                        50%, 70%{
                            color: #229b40;
                            transform:  scale(1.5);
                        }
                    }
                    @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: 35px; }
                    }