波纹按钮实现
时间：2023-03-31 01:18:55
CSS
实现原理关键属性border-radius（画圆）transform（缩放放大）transition（平滑过渡）获取鼠标位置，动态画圆，延迟放大，去除元素css部分按钮样式完成后。btn{宽度：200px；高度：56px；行高：56px；背景：#426fc5；颜色：#fff；边界半径：5px；文本对齐：居中；游标：指针；溢出：隐藏；}原始波浪样式.waves-animation{position:absolute;边界半径：50%；宽度：25px；高度：25px；背景：rgba（255、255、255、0.3）；过渡：所有750毫秒的缓出；变换：比例（0）；}html部分按我！
js部分(function(root,factory,plugName){if(typeofdefine==='function'&&define.amd){define([],工厂);}elseif(typeofmodule==='object'&&module.exports){module.exports=factory();}else{root[plugName]=factory();}})(self,function(){//合并并赋值var__assign=Object.assign||函数(t){for(vars,i=1,n=arguments.length;i
