我想使用CSS3创建这样的形状:css3 - 如何制作此形状?
(我知道图像质量是可怕的,但你明白了吧)。 我试过一些这些css形状发生器: http://medleyweb.com/resources/css-generator-ui-animation/ 没有成功。有任何想法吗?
我想使用CSS3创建这样的形状:css3 - 如何制作此形状?
(我知道图像质量是可怕的,但你明白了吧)。 我试过一些这些css形状发生器: http://medleyweb.com/resources/css-generator-ui-animation/ 没有成功。有任何想法吗?
这里有一种方法:http://codepen.io/anon/pen/HKbrq
HTML:
<div class="trapezoid"> </div>
CSS:
.trapezoid {
width: 400px;
height: 150px;
border-style: solid;
border-width: 40px;
border-color: transparent;
border-left-color: black;
border-left-width: 300px;
}
您是否尝试过使用SVG?你可以绘制多边形。 SVG是基于XML的。 或使用矩阵()变换。