CSS text effect style : demo 179

                        

                            Best jQuery
                        
                    

                    .text-effect{
                        color: #ceb900;
                        font-family: 'Lemonada', cursive;
                        font-size: 100px;
                        text-align: center;
                        text-shadow: 2px 2px 5px #fff8b3;
                        animation: fade-in-out 3s infinite;
                    }
                    @keyframes fade-in-out{
                        0%{
                            letter-spacing: -0.5em;
                            filter: blur(12px) opacity(0.5);
                        }
                        30%{
                            letter-spacing: 0;
                            filter: blur(0) opacity(1);
                        }
                        70%{
                            letter-spacing: 0;
                            text-shadow: 6px 6px rgba(0,0,0,0.2);
                            filter: blur(0) opacity(1);
                        }
                        100%{
                            letter-spacing: -0.5em;
                            filter: blur(12px) opacity(0.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: 45px; }
                    }