Mozilla,Chrome,Opera上的CSS 3D支持

时间:2010-10-21 06:33:38

标签: html css google-chrome opera mozilla

大家好 我正在研究3D数据渲染,我无法在mozilla,opera,chrome中找到相应的跟随内容
任何人都可以帮助我摆脱这个问题。
例如:

-webkit-transform: rotateX(90deg) translateZ(200px) rotateY(90deg) rotateZ(90deg);

谢谢,
阿米特

3 个答案:

答案 0 :(得分:4)

Chrome是webkit(前缀-webkit,就像您使用它一样)

mozilla here(首次点击google)(前缀-moz

-moz-transform:  rotate(30deg);

opera是thisgoogle)(前缀-o

-o-transform: translateX(50px);
-o-transform: translateY(100px);

编辑: this在mozilla中显示3d效果。也许这有帮助。

答案 1 :(得分:1)

3D CSS转换(translateZ,rotateY,matrix3d等)仅在Webkit(Windows上的Safari和Chromium)中可用。目前没有Opera。听说福克斯有一天会支持它的传言,所以也许......

答案 2 :(得分:0)

这里有关于此主题的非常好的文章:
http://24ways.org/2010/intro-to-css-3d-transforms