主要介绍了纯css实现Material Design中的水滴动画按钮的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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