分享来自Zocial的72个超棒免费CSS3按钮
2012-05-22 17:48
471 查看
来自第三方的普通标准按钮,例如,facebook, Twitter的按钮尺寸大小和样式都不太相同。而且对于开发人员来说修改一个CSS的按钮相对更加轻松和愉悦。更重要的在于不同国家语言都可以方便的使用CSS按钮。
今天我们介绍的这套CSS按钮来自于Zocial,你无须使用其它的标签。所有的按钮都是可缩放并且可定制的。而且在老版本的浏览器上都可以很优雅的展现。当然对于IE6/7来说,不如图片的显示效果好。
在线演示 本地下载
自定义字体文件和@font-face图标
按钮和图标带有版本支持
完整的尺寸缩放
主从按钮统一
可以很好的支持老版本浏览器
GitHub repository (手写CSS)
Sass framework (six buttons) (by @adamstac)
你可以使用a,button,div来生成按钮。
如果需要显示图标,代码如下:
如需查看更多按钮展示代码,请参考在线演示
今天我们介绍的这套CSS按钮来自于Zocial,你无须使用其它的标签。所有的按钮都是可缩放并且可定制的。而且在老版本的浏览器上都可以很优雅的展现。当然对于IE6/7来说,不如图片的显示效果好。
按钮预览
在线演示 本地下载
主要的特性
100%的矢量CSS3图标自定义字体文件和@font-face图标
按钮和图标带有版本支持
完整的尺寸缩放
主从按钮统一
可以很好的支持老版本浏览器
GitHub repository (手写CSS)
Sass framework (six buttons) (by @adamstac)
如何使用
导入zocial.css,然后使用如下代码即可:<button class="zocial facebook">Sign in with Facebook</button>
你可以使用a,button,div来生成按钮。
如果需要显示图标,代码如下:
<a class="zocial quora icon">Follow me on Quora</a>
如需查看更多按钮展示代码,请参考在线演示
相关文章推荐
- 纯CSS3社会化分享按钮
- 些免费的的photoshop资源可以让你的工作更加的快速完成,不知道大家需要的photoshop资源都来自于那里呢?今天就分享20个可以免费下载Photoshop资源的网站,如果你喜欢的话,就好好收藏起来吧。 GraphicsFuel FreePS
- 主题网站分享两套免费的超棒响应式HTML5网站模板
- 用CSS3来实现社交分享按钮
- 来自Vexels的超棒免费商业相关图标资源 #精选设计素材图标
- 分享20套精美的免费分页按钮 PSD 源文件
- 分享10个来自知名设计社区drippple.com的免费纹理设计
- 分享10款漂亮实用的CSS3按钮
- 12组免费的CSS3按钮强力推荐
- 一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
- 分享20套精美的免费分页按钮 PSD 源文件
- 免费素材:分享33套好看的网页按钮和图标素材
- 分享10个实用的超绚CSS3按钮设计
- 分享50佳高质量免费按钮图标资源(上篇)[zz]
- CSS3多功能下拉菜单 带分享按钮菜单
- css3单选 复选按钮--代码分享
- 分享40个超棒的CSS3按钮教程
- 分享一款光彩四射的CSS3按钮集合
- 免费素材:分享33套好看的网页按钮和图标素材