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

CSS CSS Transitions and Transforms Adding 3D Effects with CSS Activate 3D Space with perspective

Nicholas Prober
Nicholas Prober
4,925 Points
Posted by Nicholas Prober
Nicholas Prober
4,925 Points

I am following the video, I have no spelling error's and everything is coded properly and am not getting the same result

.content { perspective: 700px; } .photo { transform: rotateY(35deg); } For some reason my pictures are not rotating like displayed in the video. They instead just seem to be stretched and slightly shrinked in width. Not exactly sure why this would be happening since I have not typed in any errors etc.

2 Answers

Nicholas Prober
Nicholas Prober
4,925 Points
Nicholas Prober
Nicholas Prober
4,925 Points

I caught the mistake! In the video you need to target the class .photo-container { transform: rotateY(35deg); Strange that the video is not lining up.

Steven Parker
Steven Parker
229,657 Points
Steven Parker
Steven Parker
229,657 Points

If you believe you have discovered a bug in the video, you may want to report it to the Support staff.

If they agree and you are the first to report it, you'll get the special Exterminator badge. :beetle: