CSS text effect style : demo 202

Best jQuery

HTML

                        
Best jQuery

CSS

(Fonts required : Black Han Sans)
                    .text-effect{
                        font-family: 'Black Han Sans', sans-serif;
                        font-size: 100px;
                        text-align: center;
                        animation: animate 1s linear infinite;
                    }
                    @keyframes animate{
                        0%{
                            color: rgba(255,255,255,0.1);
                            text-shadow: rgba(255,255,255,0) 0 0 1px,rgba(255,255,255,0) 0 4px 3px,rgba(255,255,255,0) 0 9px 3px,rgba(255,255,255,0) 0 12px 1px, 
                                        rgba(0,0,0,0.2) 0 14px 3px,rgba(0,0,0,0.1) 0 20px 10px,rgba(0,0,0,0.2) 0 15px 80px;
                        }
                        100%{
                            color:#fff;
                            text-shadow: #fff 0 0 1px,#eee 0 4px 3px,#ddd 0 9px 3px,#ccc 0 12px 1px, 
                                        rgba(0,0,0,0.2) 1px 14px 3px,rgba(0,0,0,0.2) 2px 20px 10px,rgba(0,0,100,0.3) 2px 15px 90px;
                        }
                    }
                    @media only screen and (max-width: 990px){
                        .text-effect{ font-size: 70px; }
                    }
                    @media only screen and (max-width: 767px){
                        .text-effect{ font-size: 60px; }
                    }
                    @media only screen and (max-width: 576px){
                        .text-effect{ font-size: 40px; }
                    }
                    
License Terms