css - CSS で丸みを帯びたエッジを挿入する

Question

このようなことを CSS で行うことは可能でしょうか?

私のグーグルから、役立つものは何も見つかりません。

Answer 1

これはうまくいくかもしれません...しかし、私が恐れている無地の背景色の場合:

http://jsfiddle.net/7WHAz/

変更：

 div:before {        
    background-color:white; 
}

背景に使用する色に

Answer 2

CSS3 の放射状グラデーションを使用して実行できます。

CSS:

div{
  background: 
    radial-gradient(
      circle at -40px 50px, 
      transparent 80px,
      red 80px
    );
    height: 100px;
    width: 100px;
}
body { background-color: blue; }

http://jsfiddle.net/7WHAz/2/