那些被你遗忘的CSS，在这里一律给你补全「完结」

学习硬注重原理，才能在瞬息万变技术行业站稳脚跟！

接着上一篇文章，今天把剩下的干货补全

7. 平行四边形

有没有办法只让容器的形状倾斜而保持其内容不变呢？或者许你会想到嵌套两层元素，外层skew（）,对内容在应使用一次反相skew变形，从而抵消变形的效果。但是意味着我们不得不用一层额外的HTML元素包裹内容.有些累赘

处理方案：伪元素，把样式应使用到伪元素上，对伪元素进行变形，再把伪元素定位+层级放到到住宿元素下面

光说不练，假把式试一试

8. 梯形标签页

在网页中我们经常见到梯形形状的标签页，常见的技巧都是比较杂乱，或者者说难以维护的，那他们是如何实现的呢？

处理方案： 三维世界中旋转一个矩形，因为透视关系，我们在二维图像上看到一个梯形，再结合平行四边实现的方法便能实现

perspective: 观察者与z=0平面的距离;

对元素用了3D变形之后，其内部的变形效应是”不可逆转的”，和2D变形不同（2D变形内部的逆向变形可以抵消外部的变形效应）；

为了让他的尺寸更好掌握，我们可以为他指定transform-origin：bottom;也可使用scale()对他在进行美观操作；