理解如何创建“ CSS3变换偏斜的一侧”效果对各种Web设计项目都有用。但是，重要的是要注意的是，在使用背景图像时，简单地应用偏斜变换可能不会产生所需的结果。

在特定情况下，您需要CSS3在维持近距离的近距离区域的一面。使用实体边界的提供的解决方案无法有效地实现此效果。

嵌套的div与相对的倾斜

实现所需的效果，请考虑使用嵌套的div来为图像使用嵌套的div并应用与父级的偏斜值相反。例如，如果您已将20度偏度应用于父容器，请给出嵌套的（图像）div值-20度。示例，这是使用容器和嵌套的divs： [ 溢出：隐藏； } #ParalleOgrax { 宽度：150px; 身高：100px; 保证金：0 0 0 -20PX; 变换：偏斜（20deg）; 背景：红色； 溢出：隐藏； 位置：相对； } 。图像 { 背景：URL（http：//placekitten.com/301/301）; 位置：绝对； 顶部：-30px; 左：-30px; 右：-30px; 底部：-30px; 变换：偏斜（-20DEG）; }