CSS text effect style : demo 218

                        

                            Best Jquery
                        
                    

                        .text-effect{
                            color: #aba88c;
                            font-family: 'Lemonada', cursive;
                            font-size: 100px;
                            font-weight: 500;
                            text-transform: uppercase;
                            text-align: center;
                            text-shadow: 2px 2px 5px #fff8b3;
                            animation: animate 5s alternate infinite;
                        }
                        @keyframes animate{
                            0% {
                                letter-spacing: -0.5em;
                                filter: blur(12px) opacity(0%);
                            }
                            30% {
                                letter-spacing: 0;
                                filter: blur(0) opacity(1);
                            }
                            70% {
                                letter-spacing: 0;
                                filter: blur(0) opacity(1);
                            }
                            100% {
                                letter-spacing: -0.5em;
                                filter: blur(12px) opacity(0%);
                            }
                        }
                        @media only screen and (max-width: 990px){
                            .text-effect{ font-size: 100px; }
                        }
                        @media only screen and (max-width: 767px){
                            .text-effect{ font-size: 80px; }
                        }
                        @media only screen and (max-width: 479px){
                            .text-effect{ font-size: 60px; }
                        }
                        @media only screen and (max-width: 359px){
                            .text-effect{ font-size: 45px; }
                        }