shape-masking

by lv san

HTML

<img src="https://cn.bing.com/az/hprichbg/rb/PragueChristmas_ZH-CN9765023795_1920x1080.jpg" width="140" height="140" class="clip-polygon">

CSS

.clip-polygon {
		  -webkit-clip-path: polygon(25% 0%, 50% 0%, 100% 57.7%, 75% 100%, 25% 100%, 0% 50%);
		  clip-path: polygon(25% 0%, 75% 0%, 100% 41.3%, 75% 82.6%, 25% 82.6%, 0% 41.3%);
}