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.