Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS CSS Transitions and Transforms Adding 3D Effects with CSS Create a Flipping Animation with 3D Transform Properties

Posted by nfs
nfs
35,525 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,525 Points
nfs
nfs
35,525 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,587 Points
Xincheng Yuan
Xincheng Yuan
4,587 Points

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

Alex Franklin
Alex Franklin
12,398 Points
Alex Franklin
Alex Franklin
12,398 Points

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

nfs
nfs
35,525 Points
nfs
nfs
35,525 Points

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