爲div元素創建不均勻的邊界

Question

我想創建將重新塑造元素的類。我不確定這是可能的或不只是純粹的CSS。但是圖像元素的類將會將圖像轉換爲下面給出的形狀。

<style> 
.reshape{ 
//what to put inside here? 
} 
</style> 
<img class='reshape'> 

如果這是不可能用純的CSS，是有相同的任何替代的解決方案？提前致謝。

Answer 1

您可以從邊框圓角試驗開始：

.reshape{ 
    border-radius:30px; 
    overflow:hidden; 
}