CSS text effect style : demo 212

                        

                            Best jQuery
                        
                    

                    .text-effect{
                        color: rgba(255,255,255,0.8);
                        font-family: 'Jost', sans-serif;
                        font-size: 100px;
                        text-align: center;
                        font-variation-settings: "wght" 100, "ital" 0;
                        text-shadow: none;
                        animation: shadow 1s alternate infinite;
                    }
                    @keyframes shadow{
                        100%{
                            font-variation-settings: "wght" 900, "ital" 1;
                            text-shadow: 10px 10px 0px #1da3c8, 15px 15px 0px #e601c0, 20px 20px 0px #e9019a, 25px 25px 0px #f40468;
                        }
                    }
                    @media only screen and (max-width: 990px){
                        .text-effect{ font-size: 70px; }
                    }
                    @media only screen and (max-width: 767px){
                        .text-effect{ font-size: 60px; }
                    }
                    @media only screen and (max-width: 576px){
                        .text-effect{ font-size: 40px; }
                    }