7 款非常有创意的 CSS3/jQuery 按钮导航

jopen 11年前

按钮是网页表单交互的灵魂,一套优秀的按钮设计能不仅提升网站整体的用户体验,更重要的是可以在网站互动方面做出非常重要的贡献。那么我们该如何来 设计按钮,什么样的按钮才能让用户有交互的冲动?下面给大家分享几款非常有创意的基于CSS3和jQuery的按钮导航,一起来看看。

1、一组基于jQuery和CSS3的社会化分享按钮

这是一组简单美观的社会化分享按钮,包括推ter、非死book、g+等常用分享,拥有长方形和正方形两种规格选择。

在线演示 / 源码下载

7 款非常有创意的 CSS3/jQuery 按钮导航

2、灰色超具立体感的CSS3导航按钮

提供了水平和竖直的立体导航按钮,挺酷的。

在线演示 / 源码下载

7 款非常有创意的 CSS3/jQuery 按钮导航

3、超友爱的CSS3卡通按钮

一组很可爱的卡通按钮,非常有创意。

在线演示 / 源码下载

7 款非常有创意的 CSS3/jQuery 按钮导航

4、绚丽的CSS3发光按钮

五光十色的发光按钮,让你眼花缭乱,不过从里面拿几个出来看真的很棒。

在线演示 / 源码下载

7 款非常有创意的 CSS3/jQuery 按钮导航

5、长条形3D CSS3按钮

在线演示 / 源码下载

7 款非常有创意的 CSS3/jQuery 按钮导航

6、纯CSS3实现的分享按钮

在线演示 / 源码下载

7 款非常有创意的 CSS3/jQuery 按钮导航

7、Github风格的按钮

清新大气的Github风格的按钮。

在线演示

7 款非常有创意的 CSS3/jQuery 按钮导航

看了以上7款非常有创意的按钮设计,你是否有使用它们的冲动呢,欢迎收藏这些按钮。

转载请注明出处:html5_dev的专栏