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

Question

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

Answer 1

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