在CSS中的曲線背景圖像

Question

我正試圖在state street網站的圖片（曲線背景圖片）中實現類似的效果，但是在CSS中。

2009年，由於計算器從其他用戶的帖子，我已經能夠創造一些使用邊界半徑有幾分相似，看到http://jsfiddle.net/dg44thbr/9/

的問題是，我的曲線......太曲折。我希望它像州道一樣更「直」。

在CSS中可能嗎？

感謝，

body { 
    margin: 0; 
    background: red; 
} 

div#back { 
    position: relative; 
    height: 200px; 
    background-image: url(http://wearepeak.co.uk/wp-content/uploads/2016/02/testimonial.jpg); 
    width: 100%; 
    border-bottom-left-radius: 70% 60px; 
    border-bottom-right-radius: 30% 10px; 
} 

Answer 1

好了，你可以試試這個關於大小：http://jsfiddle.net/dg44thbr/10/

body { 
 
    margin: 0; 
 
    background: red; 
 
} 
 

 
div#back { 
 
    position: relative; 
 
    height: 100px; 
 
    background-image: url(http://wearepeak.co.uk/wp-content/uploads/2016/02/testimonial.jpg); 
 
    width: 100%; 
 
    border-bottom-left-radius: 250% 160px; 
 
    border-bottom-right-radius: 0; 
 
    margin-left: -2em; 
 
    padding-right: 2em; 
 
}

<div id="back"></div>