40.尚硅谷_css3_3D景深.wmv原创

好，那大家注意力稍微集中一下，CTRLCCTRLB，零四警示。OK，我们说首先来说一下景深的作用。最后直接给他干掉，OK，我直接写在这吧，紧身的作用。让什么3D场景有近大远小的？近大远不不不，近大远小的效果是吧，而且它就很重要的事情，看懂吗？OK，我要告诉他，谨，这是一个不可仅成属性。

OK，紧身是一个。不可继承属性。但它。可以作用于。后代元素懂吗？好，要记住它不是重于什么，不是重用于本身的，它是作用于什么自己的后代元素的，对不对？OK，来看一下，其实景色里面还有一种写法，你看这是我们是不是确form，不啊，他其实直接自有自直接自己有一个什么。什么属性，我们来看一下，好他后面干嘛，嗯，来看一下，我们说这个来看一下，现在我这个怎么写的。呃，看一下现在我们使用的是不是这种形式啊，Perspective为什么直接是一个属性名啊，那还有一种方式什么选择里面有一个perspective。

函数我们来看一下整，你那这个怎么用啊，比如说把这个底层去掉。还是300PX是吧，看一下，比如说现在我还让他选旋转吧，旋转比较好看一点，360度走你看。有没有近代的效，效果没有啊，记住这样写法的话，它不是重于后代元素的，它是重于元素本身的。谁在发生3D变化这个音呢？在发生3D变化，所以说应该这么写。懂吗？懂不懂来看一下，这么写的话，他会不会有问题。刷一下，你看没有作用了吧，为什么没有作用了，你变的是不是都是他的曲子是不是啊，那怎么办？

看能不能组合上面是不是零度。是不是这边要变成什么300吧，是百看。有没效果？紧身是多少？300啊，紧身我给100试一试，看看有没有效果。年是没有3D效果来看，这是为什么？景身你看如果放在后面行不行？看一下我们说若使用含物，那它必须被放在取属性的首谓，放在其他函数之后才会啊。忽略我们这种想法对不对，不对必须放在首位。只你你看这种东西，你说用的有我那种属性好吗？没有。

是不是这个太烦了，用起来，所以说用吗，一般我们都不会去用它懂不懂，一般我们直接用什么用一个。属性就可以了，只不过这个属性一定得在一个包裹器身上，不能在元素本身身上，能解吗？OK，好，那我们来看，好来说下走力是不是就过来了？好，OK，现在我问大家，哎，我们说这个是叫什么紧身吧，好来看一个概念是灭点。啊，其实景深是用来控制，我们说景深是不是让3D场景有近大圆圆角的感觉啊，是吧，其实它的原理啊，我们来说一下它的原理。好，这样吧，说它的原理。好，它背后的实现啊，其实都是一些算法是不是，可是我们说一个概念就是裂点，什么意思呢？大家看这个轨道吧，我们说轨道，你如果站在很远的地方，看到它越到前面，是不是相当于一个点是吧，这个点就叫做啊。

面点能不能讲，就是其实你看生活场景当中，你看任何的东西都是会有一个。面的总会，你的目光总会最终聚集在一个点上面的，是不是，只不过你自己干嘛不知道而已，那不理讲，OK，那这个灭点啊，在我们透视学里面有一点透视啊，什么什么成角透视，二点透视啊，多点透视，我不需要你们管，知道就行了，懂不懂可是你得知道景深它控制的是什么，来看一下现在比如说我让你旋转，是不是我不让你后完上去的旋转我不要了。那我也不要过度了，我直接让你在这边转。啊，我你转一个在X上面去转个多少度呢？转一个度。走，你看一下。这个是不是带景深的好把这个圆角去掉。

周，你看它的面点在哪？他是不是有个面点啊。在哪交叉点不就是这个。面点吗？这个时候的仅称是多少？仅称是多少？380OK，看我把几再换成大一点，换成500OK，再来看一个OK，面点在哪？更远了？肯定是更远了，因为你这个元素的面积更小了，面点更远了吧，是不是？你看这个面点肯定要比它近嘛，这个面点肯定要比这个面点近嘛，是不是，你看我的景深是不是变大了，所以说紧称干嘛？其实控制就是面点的位置，那么景深越大，灭点越元素变形越。景深越大，面点越远，元素变形更小是不是，你看嘛，我的你的面积越远的话，我这个元素的变形更小是不是OK，我们什么景深月。

小灭点越近，元素变形更大，是不是这样一个逻辑啊？这里面有个景深面点跟元素变形的概念，他们是一个什么样的关系，记住。懂吗？OK。好，这个能不能理解啊，OK，那这是我们说什么，景深跟面点之间的关系是不是好来说景深身上最后一个东西啊，OK。好，其实同属性啊，有个叫什么什么什么意思呢？其实我这个景身我们说一开始说了，我们说让3D场景有近大远小的感觉吧，是不是我们说说的直白一点是不是干嘛我们肉眼距离什么肉日肉肉怎么拼啊啊诶肉诶我的天呐，居然拼出来了，我们肉眼我肉点，我们肉眼距离什么屏幕的啊距离啊，可是我们说这个距离是不是还是参照于这个基点呢？

也就说干嘛我们说的这个，比如说你的基点在这边，那我说这个眼睛的位置在哪边，就是往这个基点往前走多少100这个景深控制就这么100的这个距离。懂吗？这就是你眼睛的位置懂不懂？那我稳眼睛位置，想让他来这边怎么办？想让他来这边怎么办？是不是最好还可以控制我眼睛的位置啊？这个perspective orange就是来控制眼睛。位置的，它是用来控制基点位置的吗？不是用来控制你眼睛的位置的，懂吗？这叫景深。

谨慎几点。懂吗？它其实控制你的视角的位置，懂吗？OK，那X轴跟Y轴上面由谁来控制？上面有谁控制？是六属性的，这不是控制你眼睛位置什么，只不过它控制是你认识它的位置这点，这个是控制什么X上位置啊知到你可以说左上角发重点说明你现在看这个图形的位置，就应该在左上角去看它的一个变化，懂不懂，是不是在我的左上角去看到的一个变化，懂吗？这能理讲那元素肯定是有变形的。懂不懂，OK，知道下还有个东就说谨慎几点好，OK，那讲到现在我们讲什么，讲了谨慎的两种方式，一种是通过属性的形式，是放到一个报上面的，一种呢，全是报里面的什么函数的形示是放在函数里面的，放在元素本身的，3D变化元素本身的，而且必须是全方们的第一个属性懂吗？然后我们讲的时，他跟灭点之间的一个关系啊，跟元素变形的关系啊，最终讲的一个紧身的几点，紧身基点确实什么两个属性来控制的，这是控制这上的，这是控制XY的。

能理解吗？好，那景深就是这么多东西啊，啊，景深是你们学3D必须要读的一个点，懂不懂，OK，这个视频先听完。