SVG, al igual que HTML, permite el uso de CSS para cambiar la apariencia y comportamiento de los elementos.
La mayoría de las propiedades CSS que se pueden aplicar a los elementos HTML también se pueden aplicar a los elementos SVG, lo que también incluye las propiedades de animación y transición de CSS.
Aquí hay un ejemplo simple de cómo se puede usar CSS para animar SVG:
```html
En este ejemplo, el SVG consta de un círculo con la id “myCircle”. Luego en la hoja de estilo CSS, utilizamos el nombre de esa id para aplicar una animación.
La regla de la animación `@keyframes` define cómo cambia el color de relleno del círculo en un intervalo de tiempo. La animación comienza con relleno rojo en el inicio (`0%`), cambia a amarillo en la mitad (`50%`), y se convierte en azul al finalizar (`100%`).
Por último, para aplicar la animación al círculo, en la sección `#myCircle` en la hoja de estilo CSS, usamos la propiedad `animation` con los valores `myAnimation 2s infinite`. Esto aplica la animación definida en `myAnimation`, dura 2 segundos y ocurre de forma infinita.
