<div class="demo"></div>
.demo{
width:640px; height:480px;
background:url(http://lorempixel.com/output/nature-q-c-640-480-1.jpg) no-repeat;
background-size:100% cover;
-webkit-clip-path: polygon(20% 0%, 80% 0%, 63% 48%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
clip-path: polygon(20% 0%, 80% 0%, 63% 48%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.