我想像图片中提到的那样对div进行剪切

Question

我想在div上剪切，如下图所示。我已经做了基本布局，但我无法确定如何进行这些切割。

Answer 1

你应该使用

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

但它仍然无法在浏览器上运行。这项技术是为了未来。 现在我们应该做些什么。这里有一种方法：

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;
}