Rotacionar (girar) elemento infinito com CSS - Bruno Devx - BR Criativus

post #1836

Rotacionar (girar) elemento infinito com CSS

Publicado em: 13/07/2022 / Atualizado em: 13/07/2022

Categorias: BlogCSS

Para girar um elemento ou DIV de forma infinita com CSS, use o código abaixo:

@keyframes loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(-360deg)
    }
}

.girar-infinito {
    animation: loading 5s linear infinite; /* Controle o tempo de giro, mudando o numero. */
}

Exemplo de uso:

<div class="girar-infinito">Estou girando!</div>

Publicações recomendadas:


Link Direto

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=1836

ID de Referência: 1836

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato