78个纯CSS3方形圆角立体质感按钮

所属分类:UI,其他-圆边,杂项

 14298  79  查看评论 (9)
78个纯CSS3方形圆角立体质感按钮 ie兼容10

这是一组共78个使用纯CSS3制作的方形圆角立体质感按钮。这些按钮都带有3D立体质感,按钮上的图标使用Zocial字体图标制作。这些按钮都带有鼠标滑过样式和鼠标点击样式,可以直接使用。

这些按钮的使用非常简单。在页面中引入styles.css文件和Zocial字体图标文件。

<link rel="stylesheet" type="text/css" href="css/styles.css">

然后找到相应按钮的class名称,使用一个空的<span>元素来制作即可。

<span class="zocial-acrobat"></span>

 


相关插件-圆边,杂项

完美支持IE圆角/阴影等CSS3样式

让ie6也完美支持IE圆角/阴影等CSS3样式
  圆边
 22573  156

圆边

方形切换成圆边
  圆边
 10561  61

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币

    古吉古吉 0
    2016/12/9 15:12:43
    做的真好,,特别是这里的配色 回复
    该怎么滴就怎么滴! 0
    2016/8/28 20:08:40
    YOLO 0
    2015/12/9 16:12:14

    问一下,图标上面的字符怎么更改?原谅我是小白

        yoonfeng0
        2016/5/20 13:05:25
        修改content的值就行
    回复
    lwy 0
    2015/9/13 21:09:06

    这么漂亮的,需要专业和耗时的工力,佩服

    回复
    nancy 0
    2015/9/6 9:09:53
    67085399@qq.com 0
    2015/8/21 14:08:17
    ζ\沙漏?・ 0
    2015/8/20 9:08:27
    ゛Arlen 0
    2015/8/18 16:08:28
取消回复