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 Create a Flipping Animation with 3D Transform Properties

Xiao DAI
Xiao DAI
1,474 Points
Posted by Xiao DAI
Xiao DAI
1,474 Points

The visual effects shown on video is different from transcript.

As a non-native English speaker, I rely on subtitles and transcript.

From 2:46 in your video, I can see the photo divs already get 3D effects even though the blue side is not visible. However, In transcript, I saw "So other deeply nested elements like side A and side B, do not live in the same 3D space so they behave like flat 2D elements." Flat 2D elements don't behave like 2:46.

Plus, I also can't understand"You see nested elements are rendered in 3D space relative to their 3D transformed parent. So I'm going to add the transform style property to the photo div since photo is the parent of side A and side B.".

Could you please explain these two statements?

Thanks.

1 Answer