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

当前位置:主页 > CSS3库 > UI界面设计 > 78个纯CSS3方形圆角立体质感按钮
78个纯CSS3方形圆角立体质感按钮
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:07-30
    阅读:
简要教程

这是一组共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>