Este código CSS anima todos los elementos <svg> de la página web, haciendo que giren 360 grados continuamente durante 20 segundos, con una animación suave y lineal. Esto puede usarse para agregar efectos visuales interesantes a los gráficos o elementos SVG en tu sitio web.
Animated circle with text in Elementor and CSS - WordPress
VIDEOTUTORIAL
Fragmento de código CSS
selector svg {
animation: rotate 20s linear infinite;
}
@-webkit-keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}