理解如何創建“ 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）; }