CSS text effect style : demo 75

Best jQuery

HTML

                        
Best jQuery

CSS

(Fonts required : Sriracha)
                        .text-effect{
                            font-family: 'Sriracha', cursive;
                            font-size: 100px;
                            text-align: center;
                            text-transform: capitalize;
                        }
                        .text-effect span{
                            background: linear-gradient(#ee0979,#ff6a00);
                            transform-style: preserve-3d;
                            -webkit-background-clip: text;
                            -webkit-text-fill-color: transparent;
                            display: block;
                            animation: wobble 5s ease-in-out infinite;
                        }
                        @keyframes wobble{
                          from, to{ transform: perspective(800px) rotateY(-40deg); }
                          50%{ transform: perspective(800px) rotateY(40deg); }
                        }
                        @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