2、关于skew()。当我倾斜它时，我什至认为倾斜和旋转是相似的，甚至在外观上没有太大区别。然后果断的打了他一巴掌。上面是X方向倾斜30deg，Y轴方向倾斜0deg。我们看到的是容器没有超过线。上面是y轴方向倾斜30deg，x方向为0。容器有点像旋转，都是越线，但不同的是旋转后容器还是一个正方形，但倾斜后，容器变成了平行四边形。形状发生了变化。我理解的倾斜是指两个人面对面站着。X轴的倾斜是当你直视前方，看到他左右摇摆。Y轴的倾斜是指当你直视过去时，他的身体并没有左右晃动，而是旋转了一个角度。类似军训，教官站着不动，面对我们喊的口号，左转右转（左右转一个角度）。这时，从他的角度来看，我们是在y轴上倾斜了一个指定的点度数。当按X轴时，当容器旋转90度时，就会平行于X轴。也可以伪装成我下面设置的水平线。当shew()被设置为一个值时，那么它只是针对X轴的旋转。上面是X和Y都旋转了30度。自己测试的时候，可以增加动画的长度，更容易理解。还有一个单独的角度设置。将它设置为45deg对我来说感觉更好。<样式>*{填充：0；边距：0}.warp1{宽度：100%；高度：100vh；显示：弹性；对齐项目：居中；证明内容：居中；:800像素;边框：1px实心；弹性方向：列；显示：弹性；对齐项目：居中；证明内容：居中；}.warp3{宽度：300px；高度：300px；全6；/*改变它的值，让动画变慢，效果明显*//*transform-origin:center;*/}.warp3:hover{transform:skew(0deg,45deg);/*分别设置X值或Y值*//*90deg180deg360deg45deg(X轴最好)Y轴(因人而异)*/}.warp4{height:6px;背景：珊瑚；宽度：100%；}我是会变的部分