CSS3 Clip Path Ellipse

by skibulk

HTML

<img src="http://placehold.it/300x100" class="clip-bottom-wave">

CSS

.clip-bottom-wave {
  -webkit-clip-path: ellipse(140% 100% at 50% 0%);
  clip-path: ellipse(140% 100% at 50% 0%);
}