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

Nafis Fuad
Nafis Fuad
35,503 Points
Posted by Nafis Fuad
Nafis Fuad
35,503 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.

Nafis Fuad
Nafis Fuad
35,503 Points
Nafis Fuad
Nafis Fuad
35,503 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,329 Points
Alex Franklin
Alex Franklin
10,329 Points

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

Nafis Fuad
Nafis Fuad
35,503 Points
Nafis Fuad
Nafis Fuad
35,503 Points

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