html - 画像の丸みを帯びた角

Question

画像を含むdivがあります。角が丸いこのdivが欲しいです。問題は、div内の画像がdivよりも大きく、overflow:hiddenjqueryを使用してマウスオーバーでサイズを縮小するため、画像をカットするために使用することです。これで、divの角が丸くなりましたが、サイズを縮小した場合にのみ表示されます。画像。

    .thumb{
       float: left;
       overflow: hidden;
       width: 230px;
       height: 230px;
       position: relative;
       margin-right: 1px;
       margin-bottom: 1px;
       border-radius: 12px;
    }
    .thumb img {
       max-width: 270px;
       height: 270px;
       left: -20px;
       position: relative;
       top: -20px;
       width: 270px;
       border-radius: 12px;
   }