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
Leonardo Motta
11,284 PuntosEste curso de animación svg con css aquí en TreeHouse necesita una renovación, lo siento pero la calidad no es buena.
Creo que el instructor podría habernos contado los problemas con diferentes navegadores y al menos darnos algún consejo sobre cómo manejarlo.
Este código funciona en chrome/IE pero no en firefox:
/* --------------------------
Base
--------------------------- */
body {
background: #8069a1;
padding-top: 60px;
}
svg {
margen: automático;
mostrar: bloque;
}
/* --------------------------
Fotogramas clave
--------------------------- */
@fotogramas clave crecer {
0% {
transformar: scale(0);
}
30% {
transformar: scale(1.1);
}
60% {
transformar: scale(0.9);
}
}
/* --------------------------
Estilos SVG
--------------------------- */
.exterior,
.interior,
.inline,
.insignia {
animation: crecer 1s ease-out hacia atrás;
transform-origin: 180px 180px;
}
.interior {
retraso de animación: 0.1s;
}
.inline {
retraso de animación: 0.15s;
}
Este código ahora funciona en firefox y edge:
/* --------------------------
Base
--------------------------- */
body {
background: #8069a1;
padding-top: 60px;
}
svg {
margen: automático;
mostrar: bloque;
}
/* --------------------------
Fotogramas clave
--------------------------- */
@fotogramas clave crecer {
0% {
transformar: scale(0);
}
30% {
transformar: scale(1.1);
}
60% {
transformar: scale(0.9);
}
}
/* --------------------------
Estilos SVG
--------------------------- */
.insignia * {
transform-origin: 180px 180px;
}
.exterior,
.interior,
.inline, {
animation: crecer 1s ease-out hacia atrás;
}
.interior {
retraso de animación: 0.1s;
}
.inline {
retraso de animación: 0.15s;
}
Me gustaría saber ¿cómo manejarlo? Y ya descubrí que no es solo un problema con prefijos de proveedores.
1 Respuesta
Steven Parker
244 163 puntosTambién puedes reportar problemas del curso directamente a Soporte equipo.