CSS3 漩涡渐变

Question

纯 CSS3 可以实现这样的渐变吗？我还没有找到创建“漩涡”的方法。

Answer 1

如果你设置一个类似这样的样式的伪元素，并应用一些透明度，我认为你可以实现你的要求

.test {
  height: 400px;
  width: 400px;
  position: relative;
  border-top-left-radius: 180px 250px;
  margin: 100px 200px;
  box-shadow: -15px -15px 60px -20px lightgreen,
   inset 10px 10px 15px -10px lightblue;
}

<div class="test"></div>