css实现圆球旋像水波波动_纯css实现波浪球

其实利用不规则园旋转实现，打开浏览器看下代码就知道了

波浪球

html,

body {

height: 100%;

display: flex;

align-items: center;

justify-content: center;

background: linear-gradient(antiquewhite, navajowhite);

}

.sea {

width: 300px;

height: 300px;

border-radius: 50%;

background-color: whitesmoke;

background-image: linear-gradient(darkblue, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.5));

box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);

position: relative;

overflow: hidden;

}

.sea .title {

color: white;

font-size: 24px;

font-family: serif;

text-align: center;

line-height: 252px;

te