css - 修改圆形CSS的边框

Question

codepen 中解释得很清楚。我想删除的正方形部分，我尝试了透明度和其他东西，但我无法让它工作。

如何调整圆的 Angular 或裁剪其中的一部分？我当前的 CSS 代码是这样的

.circle {
   -moz-border-radius: 50px/50px;
    -webkit-border-radius: 50px 50px;
    border-radius: 90px 0px 90px 90px;
    border: solid 25px#396bb3;
    width:50px;
    height:50px;  
  }

Codepen Demo

Answer 1

演示:http://jsfiddle.net/LsC7b/

.circle {
  -moz-border-radius: 90px;
  -webkit-border-radius: 90px;
  border-radius: 90px;
  border: solid 25px#396bb3;
  width:50px;
  height:50px;  
  border-top-color:transparent;

  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}