css —— 在图片设置不规则边框的问题。

Question

---

设计稿设计的图片边框这个样子，怎样设置这样的边框样式。
自己曾想过用一个边框模板套在外层加一个overflow：hidden，但是引用图片不知从何下手，
求高手回答

Answer 1

图片蒙版

-webkit-mask-image: url(../img/test.png);
-webkit-mask-position: 50%;
-webkit-mask-size: 3.6rem 4rem;

Answer 2

楼上正解。
附上社区相关帖子一篇:https://segmentfault.com/a/11...