Hello,
Need help to do thing like this http://www.picz.ge/img/s3/1508/15/c/c0f23d178e56.png
I write some styles but ….
HTML
<div class="container"><img src="http://i.dailymail.co.uk/i/pix/2015/08/14/11/2B5BEA4100000578-0-image-a-20_1439549358172.jpg" alt=""/>
<div class="shape">
<div class="left"></div>
<div class="right"></div>
</div>
</div>
CSS
.container {
width: 300px;
height: 300px;
overflow: hidden;
position: relative;
}
.shape {
width: 100%;
height: 40px;
position: absolute;
bottom: 0;
left: 0;
}
.shape .left {
width: 50%;
float: left;
height: 100%;
border-radius: 0 0 0 100%;
background: #fff;
}
.shape .right {
width: 50%;
float: right;
border-radius: 0 0 100% 0;
background: #fff;
height: 100%;
}
