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

Nafis Fuad
Nafis Fuad
35,495 Points
Posted by Nafis Fuad
Nafis Fuad
35,495 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,085 Points
Jonathan Rhodes
Jonathan Rhodes
8,085 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,495 Points
Nafis Fuad
Nafis Fuad
35,495 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.

alexfranklin2
alexfranklin2
8,854 Points

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

Nafis Fuad
Nafis Fuad
35,495 Points
Nafis Fuad
Nafis Fuad
35,495 Points

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