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

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

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

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

 报告下载错误
点击链接开始下载
本类最新
相关教程
下载说明
栏目导航
推荐软件