HTML5+CSS3小实例：水波纹按钮效果

实例：水波纹按钮效果

技术栈：HTML、CSS

效果：

源码：


html>
<html>
 
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
 
    <title>水波纹效果按钮title>
    <link rel="stylesheet" href="../css/56.css">
head>
 
<body>
    <div class="btn-box">
        <div class="btn">
            <span>点赞span>
            <div class="wave

相关阅读:
JavaScript-Obfuscator4.0.0字符串阵列化Bug及修复方法
js题解（二）
高防服务器防护效果怎么样？
图形学-几何-曲线与曲面
oracle学习64-oracle之数据处理之其他数据库对象
获得Windows官方映像（ISO）
4.1-4.12读书笔记
C++知识黄金学习记录
Vue中引入使用 element-resize-detector 监听 Dom 元素宽度、高度变化
数据治理系列：数仓建模之数仓主题与主题域

原文地址：https://blog.csdn.net/weixin_68127493/article/details/126361464