软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 源码下载 > 脚本资源 > CSS特效 > CSS3伪三维径向圆形按钮,无JS及图片,纯HTML下载

CSS3伪三维径向圆形按钮,无JS及图片,纯HTML

  • 界面语言:简体中文 / 国产软件
  • 文件大小:8 KB
  • 资源等级:3星级
  • 相关链接:Home Page
  • 有无插件:无插件
  • 授权方式:免费版
  • 更新时间:2011-03-08 13:59:54
  • 运行环境:php/asp/html...

CSS3伪三维径向圆形按钮,无JS及图片,纯HTML

此效果没有用图片和任何JS!适用浏览器名称及版本:FF 3.5+, Opera 10.5+, Safari 4+, Google Chrome 4.0+, IE 9+

IE8及之前版本均不能看到效果!!使用Chrome浏览器能看到最佳效果, 因为使用了 box-shadow.

用到的知识点:

border-radius

box-shadow

text-shadow

transitions

gradients

:nth-child() pseudo-class

Opera浏览器和Firefox浏览器对于阴影使用的是box-shadow inset, 而Webkit浏览器(如谷歌浏览器)使用的是background:-webkit-gradient. 谷歌下个版本将会很好的支持 box-shadow inset

 报告下载错误
CSS3伪三维径向圆形按钮,无JS及图片,纯HTML
推荐下载
下载说明
栏目导航
推荐下载