使倾斜div内的图像正常

Make the image inside the skewed div normal

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

我正在使用:

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

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

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

编辑:

这是一个有效的 demo