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

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

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

Alex Franklin
Alex Franklin
10,343 Points
Alex Franklin
Alex Franklin
10,343 Points

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

nfs
nfs
35,506 Points
nfs
nfs
35,506 Points

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