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
Shuming Li
Estudiante de Cursos Plus 3,592 PuntosLa propiedad backface-visibility no funciona.
.content {
.photo {
.photo:hover {
.side-a,
.side-b {
4 respuestas
Steven Parker
244 163 puntosEs solo un error de escritura. Tienes "perserve-3d" en lugar de "preserve-3d".
La propiedad "backface-visibility" solo funciona cuando "preserve-3d" está establecido.
Tomasz Denkiewicz
11.778 puntosTuve el mismo problema. Tendrás que añadir la propiedad transform-style: preserve-3d a .side-a, .side-b
.contenido {
perspectiva: 700px;
}
.foto {
transition: transformar 1s ease-in-out ;
estilo de transformación: preserve-3d;
}
.foto:desplazamiento del ratón {
transformar: rotateY(-180grados);
}
.side-a,
.side-b {
visibilidad trasera: oculto;
estilo de transformación: preserve-3d;
}
.side-b {
transformar: rotateY(180grados);
}
/* funciona en mi máquina ¯\_(ツ)_/¯ */
ILYAS KERBAL
Desarrollo Web Front End Graduado de Techdegree 15.209 PuntosSalvó el día
Gari Merrifield
9,598 puntosTambién necesitas añadir "transform-style: preserve-3d;" en ".photo-container" si este problema ocurre mientras usas Firefox.
Jon Legler
6.162 PuntosMi backface-visibility tampoco funciona
.content{
.side-a{
He intentado una variedad de soluciones de los foros y nada parece funcionar.
Steven Parker
244 163 puntosEl nombre de transformación "rotateY" necesita una "Y" mayúscula.
Shuming Li
Estudiante de Cursos Plus 3,592 PuntosShuming Li
Estudiante de Cursos Plus 3,592 Puntos¡muchas gracias!
Shuming Li
Estudiante de Cursos Plus 3,592 PuntosShuming Li
Estudiante de Cursos Plus 3,592 PuntosAún no funciona después de que lo corregí.
.content {
.photo {
.photo:hover {
.side-a,
.side-b {
Steven Parker
244 163 puntosSteven Parker
244 163 puntosAparentemente hiciste otros cambios mientras aplicabas la corrección. El código nuevo tiene un espacio entre "rotateY" y el argumento entre paréntesis que lo sigue, lo que hace que la regla ".photo:hover" se ignore.