CSS text effect style : demo 121

Best jQuery

HTML

                        
Best jQuery

CSS

(Fonts required : Montserrat Alternates)
                    .text-effect{
                        color: #fff;
                        font-family: 'Tourney', cursive;
                        font-size: 100px;
                        font-weight: 500;
                        text-align: center;
                        letter-spacing: 2px;
                        animation: 2s toggleSize linear infinite;
                    }
                    @keyframes toggleSize{
                        0%, 100%{ transform: scale(0.5); }
                        7%{ transform: scale(1.1); }
                        14%{ transform: scale(0.5); }
                        21%{ transform: scale(1.1); }
                        28%{ transform: scale(0.5); }
                        50%, 70%{ transform: scale(1.1); }
                    }
                    @media only screen and (max-width: 990px){
                        .text-effect{ font-size: 90px; }
                    }
                    @media only screen and (max-width: 767px){
                        .text-effect{ font-size: 65px; }
                    }
                    @media only screen and (max-width: 576px){
                        .text-effect{ font-size: 50px; }
                    }
                    @media only screen and (max-width: 479px){
                        .text-effect{
                            font-size: 38px;
                            line-height: 35px;
                        }
                    }
                    
License Terms