Como criar animação de rotação infinita em CSS

Como criar animação de rotação infinita em CSS?

.rotate {
    animation: rotation 1s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

As animações CSS possibilitam animar transições de uma configuração de estilo CSS para outra. Para criar uma animação de rotação infinita, basta definir um  @keyframe com qualquer nome e from valores to. Então você pode usar isso  @keyframe em animation qualquer classe CSS.