css--radial-gradient扩展-设置方向.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css" media="screen">
    .circle-cut{
       width: 100px;
       height: 100px;
       background: -webkit-radial-gradient(bottom left, #fff 0%, #fff 60%, green 60%, green 100%);
    }
    </style>
  </head>
  <body>
    <div class="circle-cut">

    </div>
  </body>
</html>