css3中使用clip-path将图片裁剪成不规则图形添加边框

html-css012

css3中使用clip-path将图片裁剪成不规则图形添加边框,第1张

img{

-webkit-clip-path: polygon(0 0,100% 0,100% 40px,145px 40px,130px 60px,115px 40px,0 40px,0 0)

clip-path: polygon(0 0,100% 0,100% 40px,145px 40px,130px 60px,115px 40px,0 40px,0 0)

}

应该是用背景显示的，可以让背景显示具体的位置，再进行DIV的宽与高限制。 background-image:url(../Images/01.jpg)

background-position:10px 20px

background-repeat:no-repeat

10px 距左边 20px距顶部。你再加了限制溢出的就可以了。