如何使用CSS3进行自定义边框形状

Question

我只是想知道我在图片网址中的这个形状是否可以在css3中使用webkit。

Answer 1

Here is a good source for CSS shapes

只需根据自己的喜好编辑类属性即可获得所需的形状

CSS：

.parallelogramRight {
     width:100px; 
     height:100px; 
     border:1px solid #000; 
     background:yellow;
     transform: skew(-20deg); 
     -o-transform: skew(-20deg); 
     -moz-transform: skew(-20deg); 
     -webkit-transform: skew(-20deg);
}

Answer 2

您可以使用transform：skew（）属性。

http://codepen.io/anon/pen/tkdyx

Answer 3

是的。

-moz-transform: skewX(-23deg);
-webkit-transform: skewX(-23deg);
-o-transform: skewX(-23deg);
-ms-transform: skewX(-23deg);
transform: skewX(-23deg);