惊艳四射的意思_词语什么四射

大家好，又见面了，我是你们的朋友全栈君。

分享一些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之类的就看不到发光效果了，不过效果也不错了的。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/223448.html原文链接：https://javaforall.cn