Bienvenido a la Comunidad de Treehouse

¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.

¿Buscas aprender algo nuevo?

Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de

Inicia tu prueba gratuita

CSS Animación de SVG con CSS Transiciones y Transformaciones Transiciones y Transformaciones

.star-bg {

¿qué estoy haciendo mal?

index.html
<!DOCTYPE html>
<html>
<head>
    <title>Animación de SVG con CSS</title>
    <link rel=stylesheet href=base.css>
    <link rel=stylesheet href=style.css>
</head>
<body>
  <svg xmlns=http://www.w3.org/2000/svg viewBox=60 60 240 240>
        <g>
      <circle class=star-bg fill=#40adcf stroke=#fff stroke-width=6 cx=180 cy=180 r=108.3/>
      <ruta class=star fill=#fff stroke=#fff stroke-width=2 stroke-linecap=round stroke-linejoin=round d=M180 107.8l16.9 52.1h54.8l-44.3 32.2 16.9 52.1-44.3-32.2-44.3 32.2 16.9-52.1-44.3-32.2h54.8z/>
    </g>
  </svg>
</body>
</html>
style.css
/* Completa el desafío escribiendo CSS a continuación */

.star-bg {
  transition: 1s ease-out;
}
.star-bg:desplazamiento del ratón {
  fill: azul marino;
}

1 Respuesta

Los fill el color es steelblue, no navy.