css实现动态水波纹效果

效果如下：

1. 外层容器 (shop_wrap)：

   • 设置外边距 (padding) 提供一些间距和边距

2. 圆形容器 (TheCircle)：

   • 使用相对定位 (position: relative)，宽度和高度均为 180px，形成一个圆形按钮
   • 圆角半径 (border-radius) 设置为 50%，使其呈现圆形
   • 边框 (border) 和阴影 (box-shadow) 提供边框和轻微的立体感
   • 设置溢出隐藏 (overflow: hidden)，确保水波纹效果在容器内显示
   • 鼠标悬停时显示手型光标 (cursor: pointer)

3. 水波纹容器 (Water)：

   • 绝对定位 (position: absolute)，覆盖在圆形容器上
   <