Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Kate C
13,589 Points.photo-desc overlay behind .photo img
Hi, Could someone tell me which elements, properties, and values make .photo-desc overlay hide under .photo img in the css?
Question regarding to this video: Activate 3D Space with perspective https://teamtreehouse.com/library/activate-3d-space-with-perspective#questions
1 Answer
Steven Parker
231,007 PointsThe combination of perspective and translations locate the elements in virtual 3-D space. The initial arrangement places one of the photos forward and visible and keeps the description hidden.
In the next few videos, you will add action transforms to change the positions when you hover the mouse over the images, and bring the description to the front.
Kate C
13,589 PointsKate C
13,589 PointsThank you, Steven. I was wondering how the description was hidden before translations and perspective in the main.css file. I guess it's the z-index in the .photo-container img property?
Steven Parker
231,007 PointsSteven Parker
231,007 PointsThe eventual effect with the rotating cubes works with perspective and 3-D translations and doesn't rely on z-index, which is a 2-D layering technique.
Glad I could help. You can mark the question solved by choosing a "best answer".
And happy coding!