分享一款光彩四射的CSS3按钮集合
开篇引言
CSS3文字特效的分享就暂时告一段落，主要收集了5款具有代表性的CSS3文字特效，收藏在盘点5个典型的CSS3文字特效这篇文章中，有兴趣的朋友可以去看看。接下来我的打算是从今天开始分享一些CSS3相关的按钮和导航，大部分素材应该都来自一些老外的设计，希望接下来的几篇文章对你会有所帮助，当然你的支持和点评也是我坚持做下去的动力。
正文
今天的这款CSS3按钮应该说是非常的光彩夺目，因为不仅它的色彩调得非常的和谐，更美妙的是如果你用chrome或者safari浏览器还能看到按钮发光的特效。以下是效果截图
这里的发光效果主要是如下的CSS代码实现的
@-webkit-keyframes bigAssButtonPulse {
from { background-color: #749a02; -webkit-box-shadow: 0 0 25px #333; }
50% { background-color: #91bd09; -webkit-box-shadow: 0 0 50px #91bd09; }
to { background-color: #749a02; -webkit-box-shadow: 0 0 25px #333; }
}因为是基于webkit内核的，所以需要webkit内核的chrome或者safari浏览器才能看到发光效果，其他firefox之类的就看不到发光效果了，不过效果也不错了的。
这个CSS3按钮代码整理自http://www.zurb.com/playground/radioactive-buttons
看了这个炫丽的CSS3按钮，你不想说点什么吗？我等待你的点评。
转载请自觉注明原文：http://www.itivy.com/html5/archive/2012/1/12/css3-shine-buttons.html
标签：
CSS3 按钮
Posted by
小神仙 @
2012-1-12 22:29:05
阅读(659)
评论(0)
上一篇：盘点5个典型的CSS3文字特效
下一篇：看好HTML5，Financial Times Web App开发公司被FT收购
上一篇：盘点5个典型的CSS3文字特效
下一篇：看好HTML5，Financial Times Web App开发公司被FT收购
我也来参与讨论
你还可以输入600/600个字符
发表评论