# CSS Animation Loops

While creating a few animations, I realized there was no good way to add a delay in between infinite loops of animations. I found a solution [here] , but it's cumbersome to do by hand each time. So in the spirit of computer science, I automated it.

animation length (in seconds) delay (in seconds)
@keyframes {
% { }
}

## Output

    animation: {{name}} {{animationLength}}s ease infinite;

    @keyframes {{name}} {
    {{stringOutput}}
    }