CSS text effect style : demo 45

                        

                            Best Jquery
                        
                    

                        .demo{ background: #444; }
                        .text-effect{
                            color: transparent;
                            font-family: 'Pacifico', cursive;
                            font-size: 100px;
                            font-weight: bold;
                            text-align: center;
                            text-transform: uppercase;
                            letter-spacing: 5px;
                            text-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.5);
                            animation: animate 1.5s ease-in-out infinite alternate;
                        }
                        @keyframes animate{
                            100%{
                               text-shadow: 10px 10px 1px #000,9px 9px 2px #ddd,8px 8px 1px #999,
                                           -8px -8px 1px #000,-9px -9px 1px #111,-10px -10px 1px #222,
                                           -11px -11px 1px #333;
                            }
                        }
                        @media only screen and (max-width: 990px){
                            .text-effect{ font-size: 65px; }
                        }
                        @media only screen and (max-width: 767px){
                            .text-effect{ font-size: 50px; }
                        }
                        @media only screen and (max-width: 479px){
                            .text-effect{ font-size: 36px; }
                        }
                        @media only screen and (max-width: 359px){
                            .text-effect{ font-size: 27px; }
                        }