CSS3伪三维径向圆形按钮(纯HTML)

此效果没有用图片和任何JS！

使用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