代码简介:CSS3实现酷炫动画按钮特效是一款当鼠标点击提交按钮以后，根据屏幕大小响应式改变动画播放效果。

今天一起来分享10套精美而实用的CSS3按钮，希望能帮助到大家。 1、纯CSS3社会化分享按钮 可固定网页顶部 之前我们已经分享过一款基于HTML5和CSS3技术的社会化分享CSS3发光社会分享按钮，发光效果挺酷的。这次我依然要分享一款还不错的纯CSS3社会化分享按钮组合，该按钮默认可以分享facebook、twitter、youtube等社交网站，也可以自己添加其他的按钮，非常方便。这款CSS3社会化分享按钮另一个特点是可以固定在网页顶部，让用户可以更方便的分享网页内容。 在线演示     

前言 大家平时应该经常见到这种特效，很炫酷不是吗 这是谷歌Material Design中最常见的特效了，市面上也有很多现成的js库，用来模拟这一特效。但是往往要引入一大堆js和css，其实在已有的项目中，可能只是想加一个这样的按钮，来增强用户体验，这些js库就显得有些过于庞大了，同时由于是js实现，很多时候还要注意加载问题。 那么，有没有办法用css来实现这一特效呢？ 思路 其实就是一个动画，一个正圆从小变大，用css3中的动画很容易实现 示例代码 keyframes ripple{

CSS3实现酷炫动画按钮特效是一款当鼠标点击提交按钮以后，根据屏幕大小响应式改变动画播放效果。