mouhammed
mouhammed

Reputation: 954

Div with special curved side

I'm trying to create the bottom curved side of this image with css. Is it possible and how to do it ? enter image description here

Upvotes: 2

Views: 3264

Answers (1)

Praveen Kumar Purushothaman
Praveen Kumar Purushothaman

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>

Preview:

Upvotes: 2

Related Questions