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

Publicado por siva pandithan
siva pandithan
160 Puntos

no funciona..

no funciona

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 fill;
}

1 Respuesta

Cheo R
Cheo R
37,150 puntos
Cheo R
Cheo R
37,150 puntos 
transition: fill 1s;

Estás cerca, solo cámbialos de lugar.