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 internettraveller
internettraveller
4,310 Puntos

¿Cómo hago este Desafío de Código?

¿Cómo completo el desafío de código? Aquí está el código que me dio:

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>
        <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/>
  </svg>
</body>
</html>
style.css 
/* Completa el desafío escribiendo CSS a continuación */
svg {
  border: 5px solid púrpura;
  border-radius: 100%;
}

1 Respuesta

Steven Parker
Steven Parker
244 163 puntos
Steven Parker
Steven Parker
244 163 puntos

Todas las tareas en este desafío se cubrieron en los últimos 5 videos de esta etapa, y son muy similares a los ejemplos que se mostraron en esos videos. Quizás quieras revisar esas lecciones, y si no lo hiciste la primera vez intenta seguir los ejemplos.

También podrías intentar buscar algunas otras preguntas y respuestas sobre este desafío de otros estudiantes. Solo ten en cuenta que ¡no todas las respuestas propuestas por un estudiante son correctas!   :see_no_evil:

Además, parece que agregaste un borde en el CSS. ¡Eso no es parte de los pasos del desafío, y hacer algo "extra" a veces puede confundir el sistema de puntuación!