12

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

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

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

我需要多少 JavaScript?

哪些浏览器支持这个?

4

2 回答 2

86
于 2013-01-20T05:23:39.327 回答
3

它的所有 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 取决于你想如何实现它。它可以是“很多”或“一点”。

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

于 2012-03-21T20:20:41.520 回答