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

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

 44365  420  查看评论 (12)
分享到微信朋友圈
X
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>

 


相关插件-圆边,杂项

圆边

方形切换成圆边
  圆边
 29717  338

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

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

讨论这个项目(12)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    转身_笑容依旧 0
    2019/5/17 10:12:28
    hanyu658 0
    2018/5/29 19:01:45
    demo都是响应式 非常好了 回复
    月风夕 0
    2017/12/26 16:10:04

    请问按钮大小能更改吗?

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

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

        -果冻--0
        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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复