CSS text effect style : demo 194

                        

                            Best
                            jQuery
                        
                    

                    .text-effect{
                        color: #000;
                        font-family: 'Foldit', cursive;
                        font-size: 100px;
                        font-weight: 700;
                        text-align: center;
                    }
                    .text-effect span{
                        display: inline-block;
                        animation: move .5s linear infinite alternate;
                    }
                    @keyframes move{
                        0%{
                            opacity: 0;
                            transform: scale(0);
                        }
                        50%{
                            opacity: 1;
                            transform: scale(1.3);
                        }
                        100%{
                            opacity: 1;
                            transform: scale(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; }
                    }