CSS Image Round Corners

CSS Image Round Corners

<style>
.thumbnails img
 {
  width: 100px;
  height: 75px;
  border: solid 5px #00A5D0;
  cursor: pointer;
  /* Round select corners */
  -webkit-border-radius: 15px 0;
  -khtml-border-radius: 15px 0; 
  -moz-border-radius: 15px 0;
  border-radius: 15px 0; 
 }
</style>
<div>
<p>Normal</p>
<img src="images/1_thumb.jpg" title="" alt="" width="100" height="75" />
<img src="images/2_thumb.jpg" title="" alt="" width="100" height="75" />
</div>
<div class="thumbnails">
<p>Round corner</p>
<img src="images/1_thumb.jpg" title="" alt="" width="100" height="75" />
<img src="images/2_thumb.jpg" title="" alt="" width="100" height="75" />
</div>