css33d画梯形,CSS3绘制梯形或平⾏四边形，⼀个矩形边我尝试仅使⽤CSS3创建关注图⽚：
CSS
.pgram {
width: 150px;
height: 100px;
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
background: #fff;
border: 1px solid #D8D8D8;
height: 24px;
text-indent: 10px;
float: left;
margin: 20px;
}
/*
* not displayng :(
*/
.pgram:after {
border-bottom: 23px solid red;
border-left: 11px solid transparent;
content: "xxxxx";
/*
css怎么创建display: block;
float: left;
*/
height: 20px;
width: 10px;
background: blue;
}
但我对我的测试没有兴趣，这是JS Fiddle的结果：
使⽤旋转两个顶点都将被转换。怎么只能左转？我发现使⽤边框⼤⼩的所有多边形⽰例，然后我不能有外边框:(

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。