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

Posted by nfs
nfs
35,526 Points

WHY is the page in the Link not working?

https://webkit.org/blog-files/3d-transforms/transform-style.html

It's not rotating in 3d space as shown in the video. Why is that?

3 Answers

Jonathan Rhodes
Jonathan Rhodes
8,086 Points
Jonathan Rhodes
Jonathan Rhodes
8,086 Points

I am viewing from Chrome and it works, but depending on what browser you are using, the transform-style property might not be supported, as it is experimental.

nfs
nfs
35,526 Points
nfs
nfs
35,526 Points

I'm also in Chrome. And yes it's rotating but not like the one shown in the video... (which means) It doesn't have any special effect when I hover over the box... Tried the same from Mozilla, Explorer etc. Didn't work...

Xincheng Yuan
Xincheng Yuan
4,773 Points
Xincheng Yuan
Xincheng Yuan
4,773 Points

You are not alone, Nafis. Same thing happens to me. I'm using Chrome.

Alex Franklin
Alex Franklin
12,401 Points
Alex Franklin
Alex Franklin
12,401 Points

In Chrome and still not working over a year later! What are we supposed to do now??

nfs
nfs
35,526 Points
nfs
nfs
35,526 Points

Yeah, Xincheng Yuan ... I think the behavior of the browsers has changed.