CSS3绘制各种形状:弧形、心形、星星、箭头,通通不在话下

现在的css功能非常强大了,特别是CSS3的属性,例如转换属性,过渡属性,动画属性,能做的效果非常多 。
在网页开发中,会经常遇到一些小符号或者形状,在以前就只能通过切图来实现,切图这种方式是用起来方便,但是会增加请求 。
而现在浏览器对CSS3的兼容基本没有什么问题,所以在网页开发的时候遇到符号或者形状,能写的都是用CSS来书写了 。
而这篇文章就是收集了各种通过CSS书写的形状,在开发的时候可以快速应用 。例如:椭圆,三角形,梯形,多边形,五角星,多角星,等等…
文章中涉及到的重要属性有:border,transform,gradient,伪元素,border-radius等,这些都是比较常用的属性,但是通过不同的组合,可以构建出不同的形状 。


    推荐阅读