最近的文章列表

CSS3的30个效果例子:实现圆角,三角,五角星,五边形,爱心,12角星,8角星,圆,椭圆,圆圈,八卦

新出的html5新增了不少标签,性能更强,原来的很繁琐的功能几个标签就能实现,同时CSS3也推出,更是一大亮点,下面是css3的部分用法,在此总结一下,以供需要的朋友们,总共30个例子

1.长方形

#Rectangle{
width: 200px;
height: 50px;
background-color: red;
2015/3/14 Comments:
画纯CSS三角(border-left-color、Unicode符号、CSS3的transform)

这些三角形用图片都是可以达到一样的效果的,但当颜色和比例需要改动时,CSS只要简单的改变一下border的样式就可以了,图片可是要重新替换的,效果也没有那么容易调试,过多的图片也会对页面性能造成影响,所以还是推荐用CSS来实现喽~

2014/10/27 Comments:
[分享]利用:after+border画纯css三角

网页素材:显示三角图标的方式有很多,譬如:图片、符号△▲;用纯css的方式,怎么显示三角呢? 三角要怎么用才能美观呢?本站之前的一篇纯css的标签背景就是一个很好的应用方式。
那么本文主要介绍这种纯css显示三角的原理。

先看一下一个简单例子的效果:

HTML代码:

...
2013/7/22 Comments: