Css3：带边框的右梯形

Question

我正在尝试创建transparent右梯形，使用color边框使用CSS 3这就是我迄今为止获得的。

http://jsfiddle.net/bodyfarmer/bdhtn7kr/1/

任何帮助表示赞赏

Answer 1

你必须把右边框包含的对象上，以获得正确的外观。就像这样：

border-right: 20px solid red; 

这里是更新fiddle

我也改变歪斜如果skewX。按此link：

注意：skew（）函数存在于早期草稿中。已经删除了 ，但在某些实现中仍然存在。不要使用它。

为了达到相同的效果，使用如果skewX（）如果你使用歪斜（）与 一个参数或矩阵（1，黄褐色（AY），黄褐色（AX），1，0，0）为一般 办法。请注意，tan（）不是CSS函数，您必须自行预先计算 。

Answer 2

在代码中，你缺少的边界规则的一部分。

border: 20px solid red;