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

Question

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

Answer 1

图片蒙版

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