效果
视频演示
视频地址：https://www.ixigua.com/i6816244424448672260/
源码
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="./style.css" rel="stylesheet">
<title>纯CSS3水波动画特效</title>
<!-- css clip path maker -->
</head>
<body>
<div class="container">
<h2>Water</h2>
<h2>Water</h2>
</div>
</body>
</html>
css
*{
margin: 0;
padding: 0;
box-sizing: border-b