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
Lisa Walters
Desarrollo Web Front End Graduado de Techdegree 15,255 Puntos¿Orden de Traducir y Rotar?
¡Hola! Noté en el siguiente código que el orden de traducir y rotar están intercambiados entre .back y .left. Intenté invertir el orden y descubrí que destruyó la forma de mi cubo, así que realmente importa. ¿Pero por qué? ¡Gracias por la ayuda y la aclaración!
.back {
.left {
4 respuestas
Peter Vann
36,429 PuntosEsto podría ayudar:
https://css-tricks.com/almanac/properties/t/transform/
Una cosa a tener en cuenta:
Cuando se realizan múltiples operaciones en una sola propiedad de transformación, el orden de ejecución es de derecha a izquierda, lo cual, para mí, es poco intuitivo.
En este ejemplo (tomado del artículo anterior):
.element {
ancho: 20px;
alto: 20px;
transformar: scale(20) sesgar(-20grados);
}
Vale la pena señalar que hay un orden en el que se llevarán a cabo estas transformaciones, en el ejemplo anterior skew se realizará primero y luego el elemento se escalará."
Espero que eso ayude. ¡Feliz codificación!
Bonificación:
Un efecto genial:
https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_image_gallery
Lisa Walters
Desarrollo Web Front End Graduado de Techdegree 15,255 Puntos¡Gracias, Peter! Nunca me di cuenta de eso sobre el orden de derecha a izquierda. ¡ESO es poco intuitivo!
Peter Vann
36,429 PuntosLisa,
Si te sirve de consuelo, yo tampoco lo sabía hasta que investigué tu pregunta. LOL
¡Avísame si tienes otras preguntas!
¡Que tengas un gran resto del fin de semana y mantente segura!
-Pete (o Peter - ¡sin preferencia!?!)
Lisa Walters
Desarrollo Web Front End Graduado de Techdegree 15,255 Puntos¡Muchas gracias! :)