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 Transiciones y Transformaciones CSS Agregando Efectos 3D con CSS Construir un Cubo 3D Giratorio

posición absoluta

si no hay otros elementos posicionados, ¿cómo se mantienen todas esas caras relativas al cubo de fotos???

1 Respuesta

Francisco J Romo
Francisco J Romo
8,568 puntos

Tuve la misma pregunta así que hice una investigación...

Cuando estableces la propiedad de perspectiva de un contenedor con un valor distinto de ninguno, esto crea un nuevo contexto de apilamiento.

En el ejemplo del video, establece la perspectiva del contenedor del cubo a 800 px, creando así un nuevo bloque contenedor (en otras palabras, este es el nuevo padre posicionado). Luego puede posicionar los elementos dentro del contenedor photo-cube estableciendo su posición absoluta dentro de este nuevo contexto. De lo contrario, las traslaciones serían relativas a la posición inicial de cada elemento.

Para más información: https://developer.mozilla.org/en-US/docs/Web/CSS/perspective#description