CSS text effect style : demo 76

Best jQuery

HTML

                        
Best jQuery

CSS

(Fonts required : Germania One)
                        .text-effect{
                            color: #fff;
                            font-family: 'Germania One', cursive;
                            font-size: 100px;
                            text-align: center;
                            letter-spacing: 10px;
                            text-shadow: 0 0.1em 20px #000, 0.05em -0.03em 0 #000, 0.05em 0.005em 0 #000,
                                        0em 0.08em 0 #000, 0.05em 0.08em 0 #000, 0px -0.03em 0 #000,
                                        -0.03em -0.03em 0 #000, -0.03em 0.08em 0 #000, -0.03em 0 0 #000;
                            transform: scale(0.9);
                            animation: animate 0.8s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate;
                        }
                        @keyframes animate{
                            0%{ transform: scale(0.8); }
                            80%, 100%{ transform: scale(1) rotateZ(-3deg); }
                        }
                        @media only screen and (max-width: 990px){
                            .text-effect{ font-size: 100px; }
                        }
                        @media only screen and (max-width: 767px){
                            .text-effect{ font-size: 80px; }
                        }
                        @media only screen and (max-width: 576px){
                            .text-effect{ font-size: 50px; }
                        }
                        @media only screen and (max-width: 479px){
                            .text-effect{ font-size: 35px; }
                        }
                    
License Terms