CSS text effect style : demo 99

Best jQuery

HTML

                        
Best jQuery

CSS

(Fonts required : Zilla Slab)
                        .text-effect{
                            color: #0d3460;
                            font-family: 'Zilla Slab', serif;
                            font-size: 100px;
                            font-weight: 700;
                            text-align: center;
                            letter-spacing: 2px;
                            text-transform: capitalize;
                            animation: 3s linear 0s normal none infinite running animate;
                        }
                        @keyframes animate{
                            0%{ text-shadow: -8px 6px 0 #00a8ff; }
                            10%{ text-shadow: 6px -8px 0 #9c88ff; }
                            20%{ text-shadow: -11px 6px 0 #fbc531; }
                            30%{ text-shadow: 6px -8px 0 #4cd137; }
                            40%{ text-shadow: -10px 6px 0 #487eb0; }
                            50%{ text-shadow: 6px 7px 0 #e84118; }
                            60%{ text-shadow: -8px 6px 0 #c23616; }
                            70%{ text-shadow: 6px 9px 0 #40739e; }
                            80%{ text-shadow: -11px -6px 0 #44bd32; }
                            90%{ text-shadow: 6px -8px 0 #8c7ae6; }
                            100%{ text-shadow: -11px 6px 0 #0097e6; }
                        }
                        @media only screen and (max-width: 990px){
                            .text-effect{ font-size: 90px; }
                        }
                        @media only screen and (max-width: 767px){
                            .text-effect{ font-size: 70px; }
                        }
                        @media only screen and (max-width: 576px){
                            .text-effect{ font-size: 55px; }
                        }
                        @media only screen and (max-width: 479px){
                            .text-effect{
                                font-size: 40px;
                                line-height: 50px;
                            }
                        }
                    
License Terms