求css3图片自动裁剪的写法！有示意图。

html-css08

求css3图片自动裁剪的写法！有示意图。,第1张

框框宽高比例不变：直接设置该 img 的 max-width:100%就可以了。

比例要变，要图片自动被 div 切掉一些再居中的话，恐怕只有用js结合才能实现了。

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)

}