javascript - CSS 3D动画，怎么样？

Question

我想在 3D 空间中制作动画。我知道这可以通过 CSS 和 HTML5 实现，但我找不到一个很好的实用教程！

我以这个网站为例。您可以一直选择文本等。有人可以给出一个非常容易理解的小例子吗？看到源代码，但不是很懂……</p>

这是 CSS3 还是 HTML5 或两者兼而有之？

我需要多少 JavaScript？

哪些浏览器支持这个？

Answer 1

Answer 2

它的所有 css3 和 javascript。只需在您最喜欢的检查器中检查站点，深入研究 dom，您会看到类似

-webkit-perspective: none;
-webkit-perspective-origin: 200px 200px;
-webkit-transform: matrix3d(-0.9386958080415784, -0.197569680458564, 0.2825179663820851, 0, 0, 0.8194947008605812, 0.5730867606754029, 0, -0.34474654452969944, 0.537954139890128, -0.7692562404101148, 0, 0, 0, 0, 1);
-webkit-transform-style: preserve-3d;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 16s;
-webkit-transition-property: all;
-webkit-transition-timing-function: linear;

你需要多少 javascript 取决于你想如何实现它。它可以是“很多”或“一点”。

浏览器越现代，它运行良好的更改就越好。在这里查看哪些浏览器支持什么。