CSS text effect style : demo 92

Best jQuery

HTML

                        
Best jQuery

CSS

(Fonts required : Piedra)
                        .text-effect{
                            color: #DC0058;
                            font-family: 'Piedra', cursive;
                            font-size: 100px;
                            text-align: center;
                            text-transform: capitalize;
                            animation: swing 1s linear infinite alternate;
                        }
                        @keyframes swing{
                            0%{
                                color: #DC0058;
                                transform: rotate(5deg);
                            }
                            100%{
                                color: #7B4C95;
                                transform: rotate(-5deg);
                            }
                        }
                        @media only screen and (max-width: 990px){
                            .text-effect{ font-size: 90px; }
                        }
                        @media only screen and (max-width: 767px){
                            .text-effect{ font-size: 70px; }
                        }
                        @media only screen and (max-width: 576px){
                            .text-effect{ font-size: 55px; }
                        }
                        @media only screen and (max-width: 479px){
                            .text-effect{ font-size: 40px; }
                        }
                    
License Terms