Reputation: 954
I'm trying to create the bottom curved side of this image with css. Is it possible and how to do it ?
Upvotes: 2
Views: 3264
Reputation: 167250
Use this way:
body {padding: 15px;}
.border img {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 100px 25px;
border-bottom-left-radius: 100px 25px;
overflow: hidden;
padding: 3px;
border: 1px solid #fff;
box-shadow: 0 0 10px #666;
}
<div class="border">
<img src="http://lorempixel.com/250/250" alt="" />
</div>
Upvotes: 2