设置transform-style时后面的preserve-3d前面不应该再加-webkit吧，老师可把我坑惨了，我做后面的挑战题，做出来的正方体一动就成平面的了，找了好久才发现是这儿的问题-慕课网

设置transform-style时后面的preserve-3d前面不应该再加-webkit吧，老师可把我坑惨了，我做后面的挑战题，做出来的正方体一动就成平面的了，找了好久才发现是这儿的问题

来源：2-2 实际创建3D场景

geminabcd

2015-11-25 11:03

-webkit-transform-style：-webkit-preserve-3d；

写回答关注

6回答

Amnesia_

2017-06-20 16:50:13

请问有谁知道怎么才能把transform-style: preserve-3d;这个兼容到IE吗，IE11都可以

0 0
慕粉4167638

2016-10-13 15:30:31

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
#expriment{
-wekit-perspective: 800;
-webkit-perspective-origin: 50% 50%;
-webkit-transform-style:-webkit-preserve-3d;} /* Safari 和 Chrome */
#blocker{
width:500px;
height:500px;
background-color:#69c;
margin:100px auto;
/* Rotate div */
transform: rotateX(45deg);
-webkit-transform: rotateX(45deg);} /* Safari 和 Chrome */
</style>
<title>CSS3动画实例一</title>
</head>
<body>
<header>
<h2>实例一</h2>
<div id="expriment">
<div id="blocker">
</div>
</div>
</header>
<section></section>
<footer></footer>
</body>
</html>
为何没有3D效果？

0 0
Yuuyu

2016-05-28 14:59:18

我也是这个问题，这种两者之间有什么区别吗

0 0
gao_ran

2016-05-10 16:09:34

不顶用啊？？？？

0 0
幸运画笔

2015-11-27 14:11:11

-webkit-transform-style：-webkit-preserve-3d；
transform-style：preserve-3d；

0 0
李晓健

2015-11-25 13:07:38
如果我在写这些加后缀的属性就会这么写，最后会放一行不加的。因为浏览器如果遇到不认识的属性会直接忽略。老师说的加可能是他在讲这个的时候，浏览器还不支持不加前缀的，但是现在更新就支持了。如果需要加前缀的话，不同的浏览器加的前缀也不一样。
```
-webkit-transform-style：-webkit-preserve-3d；
        transform-style：preserve-3d；
```
0 2