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

使用方法

HTML结构

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

<link rel='stylesheet prefetch' href='http://weloveiconfonts.com/api/?family=zocial'>
<link rel="stylesheet" type="text/css" href="css/styles.css">    
              

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

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

在线预览    源码下载