最终效果
完整代码
https://github.com/1395204913/CSSDemo/tree/master/water
主要实现代码
首先创建外圈容器container和内圈容器wave
<div class="container">
<div class="wave"></div>
</div>
将两元素居中放置且设置为圆形
.container,
.wave {
width: 12.5rem;
height: 12.5rem;
b