使倾斜div内的图像正常

Question

如下题。 我正在尝试制作内容，在本例中是 div 中的图像，应该是倾斜的。 换句话说，div 应该是倾斜的，而里面的图像不是。

我正在使用：

-ms-transform: skew(-15deg, 0deg);
-webkit-transform: skew(-15deg, 0deg);
transform: skew(-15deg, 0deg);

Answer 1

只需将相反的值添加到 child。所以在图像中添加以下内容：

/* positive 15deg */
-ms-transform: skew(15deg, 0deg);
-webkit-transform: skew(15deg, 0deg);
transform: skew(15deg, 0deg);

编辑：

这是一个有效的 demo。