Css-the problem of setting irregular borders in pictures.

< hr >

the picture frame designed by the design draft looks like this, how to set such a frame style.
I have thought of using a border template to add an overflow:hidden, to the outer layer, but I don"t know where to start by quoting the picture.
ask the master to answer

May.31,2021

Picture mask

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

upstairs positive solution.
attach a community-related post: https://codeshelper.com/a/11.

"
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bf9b4a-32190.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bf9b4a-32190.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?