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%;做的是它设置原点到元素的中间垂直和水平左。因此透视图在图像的左侧不可见，因此看起来很平坦。透视效果在右侧，因此它看起来是倾斜的。