CSS Scan-Text Animation

h1, h2, h3, h4 {
    background: linear-gradient(#10abff, #1beabd 5%, #10abff 40%);
    background-clip: text;
    background-color: #da1b60;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    animation: TransitioningBackground 2s linear infinite;
    background-size: 100% 300%;
}
@keyframes TransitioningBackground {
    0% {
        background-position: 100% 200%;
    }
    100% {
        background-position: 100% -100%;
    }
}