post

Rotacionar (girar) elemento infinito com CSS

Publicado 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>


Link de compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/1836

ID de Referência: 1836

Sugira uma publicação

Envie uma mensagem para mim, e sugira alguma publicação de algum tema que tenha dificuldades de resolver.

Clique aqui e entre em contato


Comentários