CSS text effect style : demo 223

                        

                            Best jQuery
                        
                    

                    .text-effect{
                            color: #F9f1cc;
                            font-family: 'Calligraffitti',cursive;
                            font-size: 100px;
                            font-weight: 900;
                            text-align: center;
                            letter-spacing: 2px;
                            position: relative;
                            animation: animate 1s ease infinite alternate; 
                        }
                        @keyframes animate{
                            0%{ text-shadow: -15px 5px 20px #ced0d3; }
                            100%{ text-shadow: 5px 5px 0px #FFB650,10px 10px 0px #FFD662,15px 15px 0px  #FF80BF, 
                                            20px 20px 0px #EF5097,25px 25px 0px #6868AC,30px 30px 0px #90B1E0; 
                                }
                        }
                        @media only screen and (max-width: 767px){
                            .text-effect{ font-size: 65px; }
                        }
                        @media only screen and (max-width: 576px){
                            .text-effect{ font-size: 40px; }
                        }