CSS text effect style : demo 174

Best jQuery

HTML

                        
Best jQuery

CSS

(Fonts required : Londrina Outline)
                    .demo{ background-color: #000; }
                    .text-effect{
                        color: #fff;
                        font-family: 'Londrina Outline', cursive;
                        font-size: 100px;
                        font-weight: 700;
                        text-align: center;
                        text-shadow: 0 0 5px #ff7bac, 0 0 10px #ff7bac, 0 0 20px #ff7bac, 0 0 40px #ff7bac,
                                    0 0 80px #ff7bac, 0 0 100px #ff7bac, 0 0 120px #ff7bac;
                        animation: blink 3s infinite linear alternate;
                    }
                    @keyframes blink{
                        60%, 70%, 79% { opacity: 1; }
                        65%, 67%, 76%, 78% { opacity: 0.2; }
                        66%, 69%, 77% { opacity: 0.8; }
                    }
                    @media only screen and (max-width: 990px){
                        .text-effect{ font-size: 80px; }
                    }
                    @media only screen and (max-width: 767px){
                        .text-effect{ font-size: 60px; }
                    }
                    @media only screen and (max-width: 576px){
                        .text-effect{ font-size: 45px; }
                    }
                    
License Terms