css - CSS3 swirl gradient -

is gradient possible pure css3? haven't found way create "swirl".

if set pseudo element style similar this, , transparency applied, think can achieve request

.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>