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
conflictingcode
11,223 PuntosNo puedo encontrar el error que cometí
Sigo recibiendo la notificación: "Vaya: Asegúrate de que solo estés haciendo la transición de la propiedad transform." He intentado ambas respuestas (ambas en el archivo CSS, separadas por el comentario predeterminado) y ninguna funciona:
<!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>
/* Completa el desafío escribiendo CSS a continuación */
.star-bg{
transition: fill 1s;
}
.star-bg:desplazamiento del ratón{
fill: azul acero;
}
.estrella:desplazamiento del ratón{
transformar: rotar(180grados);
}
.estrella{
transition: transfrom 0.8s;
}
/* Completa el desafío escribiendo CSS a continuación */
.star-bg{
transition: fill 1s;
}
.star-bg:desplazamiento del ratón{
fill: azul acero;
}
.estrella:desplazamiento del ratón{
transformar: rotar(180grados);
}
.estrella{
transition-property: transfrom;
transition-duration: 0.8s;
}
1 Respuesta
Martin Sole
82.199 PuntosHola
Estás muy cerca, parece que hay un error de escritura en transform y tampoco creo que el tiempo necesite el 0 inicial. Entonces, transform .8s debería funcionar bien.
conflictingcode
11,223 Puntosconflictingcode
11,223 PuntosSupongo que soy más disléxico de lo que creía. ¡Gracias!