在过去的Web开发中,通常使用Photoshop来设计按钮的样式。不过随着CSS3技术的发展,你完全可以通过几行代码来定制一个漂亮的按钮,并且还可以呈现渐变、框阴影、文字阴影等效果。此类按钮最大的优势是省去了加载图片的步骤,并且非常易于编辑、扩展和定制,你只需要更改代码即可。

本文收集了10套基于CSS3的按钮,你可以通过复制粘贴代码到你的CSS文件中来使用这些按钮。但需要注意的是,CSS3需要浏览器的支持,基本上这些按钮可以在大部分现代浏览器中完美呈现,但是在IE中支持还不够好。

1. 漂亮的CSS3按钮

2. 放射效果按钮

3. CSS3立体按钮

4. 基于伪元素的CSS按钮

5. Github风格的按钮

6. 社交媒体按钮

7. 糖果风格按钮

8. 基于RGBA的CSS3按钮

9. CSS3按钮集合

10. 长条形3D CSS3按钮

原文:http://www.iteye.com/news/24803
英文原文:10 GORGEOUS CSS3 BUTTONS, READY TO BE USED!

最新文章

  1. 让div盒子相对父盒子垂直居中的几种方法
  2. RESTful API URI 设计: 查询(Query)和标识(Identify)
  3. 为了体验 ILS 在Win2012R2 Hyper-V上安装Windows 2000 AdvSer
  4. Java的cmd配置(也即Java的JDK配置及相关常用命令)——找不到或无法加载主类 的解决方法
  5. iOS网络-03-NSURLSession与NSURLSessionTask
  6. 你有没有试过“闭上眼”使用:京东、滴滴、QQ、支付宝?
  7. poj 3693 Maximum repetition substring (后缀数组)
  8. Mac: the original hosts
  9. hdoj 4786 Fibonacci Tree【并查集+最小生成树(kruskal算法)】
  10. dotnet Core 调用HTTP接口,系统大量CLOSE_WAIT连接问题的分析,尚未解决。
  11. Oracle学习笔记_08_字符串连接
  12. kindeditor 上传下载文件
  13. equals方法和==的区别--用实例简单说明
  14. ORACLE 查询近一天,近半小时内的数据
  15. Json压缩工具
  16. 以太坊之——golang以太坊接口调用
  17. 通过了解JS的clientX、pageX、screenX等方法来获取鼠标位置相对屏幕,相对浏览器窗口,相对文档的坐标详解
  18. 斯坦福CS231n学习--初识
  19. plot sin 动态配置rc settings
  20. [Training Video - 5] [Groovy Script Test Step - Collections, Exceptions] Exception Handling in groovy

热门文章

  1. 2015第37周二foxmail邮箱客户端迁移
  2. 动态规划(背包问题):HRBUST 1377 金明的预算方案
  3. 【动态规划】Codeforces 698A & 699C Vacations
  4. 安装robotframework时提示权限受限
  5. Shader Forge 植物摆动
  6. ScrollView自动滑到底部
  7. Linux下设置文件权限
  8. redis 集群
  9. nginx 配置 开发
  10. Android的minSdkVersion,targetSdkVersion,maxSdkVersion