CSS text effect style : demo 199

Best jQuery

HTML

                        
Best jQuery

CSS

(Fonts required : Alumni Sans)
                    .text-effect{
                        color: transparent;
                        font-family: 'Alumni Sans', sans-serif;
                        font-size: 100px;
                        font-weight: 700;
                        font-style: italic;
                        text-transform: uppercase;
                        letter-spacing: 2px;
                        -webkit-text-stroke: #fff;
                        -webkit-text-stroke-width: 1px;
                        text-shadow: 2px 2px 10px #2962ff;
                        text-align: center;
                        animation: flicker 0.5s ease-in-out infinite alternate;
                    }
                    @keyframes flicker{
                        0%{
                            opacity: 0.5;
                            text-shadow: 2px 2px 10px #2962ff;
                        }
                        100%{
                            opacity: 1;
                            text-shadow: 2px 2px 20px #2962ff;
                        }
                    }
                    @media only screen and (max-width: 990px){
                        .text-effect{ font-size: 70px; }
                    }
                    @media only screen and (max-width: 767px){
                        .text-effect{ font-size: 60px; }
                    }
                    
License Terms