现在的css功能非常强大了,特别是CSS3的属性,例如转换属性,过渡属性,动画属性,能做的效果非常多 。
在网页开发中,会经常遇到一些小符号或者形状,在以前就只能通过切图来实现,切图这种方式是用起来方便,但是会增加请求 。
而现在浏览器对CSS3的兼容基本没有什么问题,所以在网页开发的时候遇到符号或者形状,能写的都是用CSS来书写了 。
而这篇文章就是收集了各种通过CSS书写的形状,在开发的时候可以快速应用 。例如:椭圆,三角形,梯形,多边形,五角星,多角星,等等…
文章中涉及到的重要属性有:border,transform,gradient,伪元素,border-radius等,这些都是比较常用的属性,但是通过不同的组合,可以构建出不同的形状 。
推荐阅读
-
解放军报客户端|“一周双星”,用精妙测控为航天发射护航!
-
-
-
涉案|上海制售假“壮阳”药案20人落网,案值2000余万
-
-
-
-
-
|杨紫减肥餐,宋祖儿减肥餐,颖儿减肥餐,虞书欣:瞬间爱上减肥!
-
-
-
「天空迷彩」一架伊尔76满载口罩抵达,南美大国欢呼:救命物资,美舰拦截失败
-
全红婵|陈若琳帮全红婵设计新发型!头发梳成大人模样,中分头可爱又搞笑
-
小米|2599起!丁真喜提小米Civi:史上颜值最高的小米手机
-
-
-
【李白】萌新打野练什么?他自带“红莲斗篷”,伤害碾压兰陵王、典韦
-
-
-
【印度】别小瞧印度武装直升机,貌不惊人却能飞高原,火力支援利器