画像に記載されているdivのようにカットしたい。

Question

下の画像のようにdivをカットしたい。私は基本的なレイアウトを作ったが、私はそれらのカットを作る方法を理解することができない。

Answer 1

あなたは

border-corner-shape:bevel; 
border-radius: 0% 0% 50% 0%; 

を使用する必要がありますが、それはbrowsers.this技術にまだdoesntの仕事は、将来のためです。 は、今、私たちは、このmoment.oneのアプローチのために何をすべきここにある：

https://jsfiddle.net/st2gppxz/1/

div { 
    height: 250px; 
    width: 200px; 
    background: url(address of your image); 
    position: relative; 
} 

div:after { 
    content: ''; 
    position: absolute; 
    top: 28%; right: 0; 
    border-left: 70px solid transparent; 
    border-bottom:180px solid white; 
    height: 0; 
}