CSS3转换偏斜一侧

Question

是否可以创建“ CSS3转换偏斜一侧”我找到了一种解决方案，但对我没有用，因为我需要使用图像作为背景（而不是彩色）#skewOneSide {    border-bottom: 40px solid #FF0000;    border-left: 50px solid rgba(0, 0, 0, 0);    height: 0;    line-height: 40px;    width: 100px;}甚至这个JsFiddle也没有用（偏斜的区域应该是透明的）

Answer 1

是什么transform: 0% 50%;做的是它设置原点到元素的中间垂直和水平左。因此透视图在图像的左侧不可见，因此看起来很平坦。透视效果在右侧，因此它看起来是倾斜的。