:root {
    --stripe-size: 100px;
    --color1: hsl(194, 71%, 30%);
    --color2: hsl(194, 77%, 35%);
    --duration: 20s;
}

div {
    height: var(--stripe-size);
    width: calc(var(--stripe-size) * 7);
    margin: auto;
    border: 1px solid black;
}

div {
    background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 50%, var(--color1) 75%);
    background-size: var(--stripe-size) var(--stripe-size);
    animation: alkegrad var(--duration) linear infinite;
}

@keyframes alkegrad {
    from {
        background-position: 0 0;
    }
    to {
        background-position: var(--stripe-size) 0;
    }
}