41.尚硅谷_css3_3D舞台.wmv原创

我们刚刚讲到哪一块了。OK，我们刚刚讲到了景深是不是也是我们把一些什么，我们看我们把课件这一块最基本的三个API，我们过了一下，告诉了大家一个景深到底是什么，说了一下面点发现是不是还有两个东西没讲，是不是OK，那这两个我们来看看。好，那这样，呃，这个东西的讲法的话，那我们就。OK，我们先把这个全掉吧，啊，这个应该要单独搞一个DEMO出来给你们讲来看一下。啊，先贴一个嘛，Ctrl c ctrl v OK，我们说你想搭一个3D场景，有进大圆小就可以了吗。要不要有层次感，是不是啊，一定得有一个层次感啊，好，我们来看一下，比如说我们怎么办，大家想想，嗯嗯，比如说这样啊，这个东西我都不要，这些我也不要啊，搞搞干净。Con。

好，我们来看一下。好，现在是不是这样的，好，是不是我们设置底层基点啊，底层基点也不要是吧，这个我稍微给小一点，给个300，这你。说下是在哪好，45度是不是这哪好，我把这个外婆给个背景吧，大。嗯，都是拼，不行，来个灰色是不是一个灰色的背景吧，我就问你，如果这么转，我让你先旋转个45度吧，OK，比如说我让你全时列车。Z，来一个100PX，好，我们大家一件事情啊，就是这种写法，最终这个粉颜色的这个面要不要转到灰颜色后面。小长，我现在是不是这样的，你看我是不是让大家全全世界了100啊，是我问你，就是我这个旋转啊大。我在这块，我这个风吗？是不是我让这个旋转。

比如说我转的越来越高，越来越高，要不要转到后面去。要不要站在这个背景的后面去啊？要不要现在有没有转过去啊，没有说明现在我们这个3D舞台有没有搭全。有没有搭全没有，因为他家根没有站在这个灰颜色背景的后面啊，照理来讲是不是这样的，现在。现在我这是我的一个面，是不是这是我的。背景我要如果让你转转转转转就应该转到后面去了，现在一直在这个背景里面转，懂不懂，也就说近大远小的感觉有没有了。近大远角的感觉有没有了，有了层次感还没有是不是啊，我说你必须还得有个次感吗？也就随着我这个转法，这个度数越来越大，你应该转到后面去了，180氏度的时候，我就应该看不到的。

是不是这样的，OK，那来看一下，我们说现在我们不行，为什么你看现在我不管怎么转，都是转我这个2D的一个平面转，只不过有了一个进大院校的感觉。是不是这个进大院校的感觉是我的颈椎给的？是不是因为你这个全程率在后面嘛，在后面的话，你这个全程的这一百一定要受到这个全程加X的影响，好吧。是不是我问你，如果全是任任100在前面会不会？会不会有这个影响？那就不会了，你是往前走，自己在那算吧，懂吗？就按我刚刚那种写法的话，你应该才后面去了，这个能理讲OK，来看一下，如果我给这个外，我再来一个全什么we什么。3D来看一下周，你好，你看我在这。转转转转转转转转，看见没有，看见没有，是被吃掉了，进去了吧。

那么讲到现在三第五条就没答完。是不是OK，我们说这个叫什么，全是什么。全是膜是好，我们说这个全是是干嘛来干嘛来营造什么营造有沉级的3D，不是鱼台3D舞台，因为我们这个上有这个舞台有金大的感觉啊，这个舞台为什么有一个沉绩的感觉，靠的是全style的。懂吗？好，还是可以说一说。好，这都是关于竞争的，是不OK，我们来说一下，我们刚刚说它是一个不可计承属性吧，OK，这你全部的它它也是一个不可继承属性，它作用于。

紫元素。什么意思，全掉他也是个不可属吗？可是他是终于自己的元素的，懂不懂，如果我把这个全死掉，我没有给外法，我给的玻璃有没有这个成绩效，我是我这个呢，在转的时候他就去做，真的去做身体变换的，他在转的时候有没有个沉级的效果，没有是不是啊，这个时候可能会。看不到吗？这也不知道是被什么影响的，那直接给过去干什么？拍你嘛，是吧，我们让他干嘛下来。是是来看一下，这你好赚起来有吗？没有，所以说他是作于子元素的，你想让这个音呢，在整个三体舞台里面有成绩的效果，你这个全STYLE1定要给他的老爸。

完了，这里面你讲OK啊，把这个背题发送。OK，那这两个一个是不是一个什么全膜掉好能知道这个全跟就他的用处了吗？以及他身上一些坑了吗？跟区别啊，这需要你们去掌握的懂吗？好，还有点事情大想我说我在这边是不是应该到90度的时候你才进去。是不是啊，你发现是不是70几度的时候就应该开始进去了，是不是说明你这个眼睛的视角默认肯定不是在你这前面，是不是，那怎么看看一下嘛，这边有个什么perspective perspective什么。Orange吧，OPQOPQ。你看默认是不有是不知道101是吧，你看这个字其是怎么来的。

OK，一百零一百零一怎么样，其实是你是他们俩的一半是吗？是201除以二以及201除以二，因为有小数，它直接给你取整了，说默认这个值其实50%，50%。懂吗？不不的是202，确实什么202吧，是202除以二，202除以二是有的，为什么。百分之，这个百分之跟你的合性有关系等等，这个百分比我就劝你们不要去讲。懂吗？没有，他没有什么意义吗？就是你会给你说，哎，这个东西如果很重要，确实要记得，那记下能给你带来负担的，能查手册的就查手册。我不需要你去强制性的去记它，懂吗？可是你知道perspective orange的多。

OK，叫什么？叫特斯。PT，什么orange，它有默认值，懂不懂这个默认值为。OK 50%跟50%这个百分比乘的是你的和模型，它是有默认值的啊，自己穿到哪个盒子肯的box啊，这个就不需要你们去管了啊，这种西，这种东西我我不希望你们去记它知不道OK你知道这是参照百分比的，百分比的对不是，本质上应该是参照于那没理讲OK好，那这是我们说的一个仅层的基点吧，是不是好，那这里面我们再来说一个叫做景层的叠加。景深。你这样吧，我重重新再来画一个吧，Okll c crl06。

叫做景深叠甲。来看一下这这个什么意思，大家看啊，比如说现在我这边外面再来一点。是不是OK，这个div，我来看一下，我什么都不干。好，我问你外婆身上的简称是多少？外B上的简称是不是在300啊，也就是说如果你这样的话，我这个变形是应该是是是这个样子的，它应该也有一个灭点的吧，你看如果我给外面这个什么Di迪吧，我说你的style里面也来个金身是。看吧，也是为300PX吧，是不是好来看一下一不一样。一样吗？一样吗？效果是完全不一样的，对不懂，也就是说你是不是他身上有个景绳，他身上有个景绳啊，最终作用到他身上去的时候，这个景深不是300，懂不懂，不是说你是300，你是300，就他身上就是300，这有个叠加的，至于至于怎么计算的，机器不杂，每一款浏览器都不一样，懂不懂，可是你得知道有这个问题叫什么，谨深点下，那我们要尽量的去避免。

紧身叠加懂不懂？一定要尽量避免什么紧身？叠加，也就说你在开发的时候，这个景身最好就在外面这个包裹上面写一个就够了，里面不要写了，里面这些就会会产生什么叠加的，一旦产生叠加项目你是做不起来的，叠加的规则每款浏览器都不一样，而且整个叠加其实没有规则的，这是它内部的一个螺件，懂吗？OK，所以说干嘛千万不能出现紧身叠加这个事情。

怎么讲好，那到这一块，除了这个围讲，其他所有3D的基础点基本上已经把你们全部漏过去了，以及里面要要注意的坑有很多坑啊，井深跟全通要到底代表什么啊，继不继承作用于哪个元素，搞搞清楚能不能讲好，也就说这边写的每一句话你能不能理解。懂吗？OK。