carlos-sanchez
7/8/2015 - 2:44 PM

Clip-Path http://www.smashingmagazine.com/2015/05/11/creating-responsive-shapes-with-clip-path/

Clip-Path http://www.smashingmagazine.com/2015/05/11/creating-responsive-shapes-with-clip-path/

clip-path.css
content_copyfile_download
.clip-polygon {
          -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
          clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
          -webkit-clip-path: url("#clip-svg-demo");
          clip-path: url("#clip-svg-demo");
}