使倾斜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。
如下题。 我正在尝试制作内容,在本例中是 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。