这是一款纯CSS图片四角胶带效果。该纯CSS图片四角胶带效果利用CSS属性来制作图片四个角贴着胶带的效果，非常炫酷。
使用方法
HTML代码
<img class="img" src="./img/1.jpg"> <img class="img" src="./img/2.jpg">
CSS代码
.img {
--w: 280px; /* image width */
--r: 1; /* image ratio */
/* control the tape dimension (adjust to understand) */
--l: 45px;
--s: 20px;
--_d:calc(var(--s) + var(--l));
width: var(--w);
padding: calc(var(--_d)/2);
box-sizing: border-box;
aspect-ratio: var(--r);
object-fit: cover;
--_g:calc(100% - var(--w)/2)/calc(var(--w)*(1 + 1/var(--r)) - 2*(var(--s) + var(--_d)));
background: repeating-conic-gradient(from 45deg,#0000 0 25%,#0005 0 50%) var(--_g);
-webkit-mask: repeating-conic-gradient(from 45deg,#000 0 25%,#0005 0 50%) var(--_g);
clip-path: polygon(var(--l) 0,var(--_d) var(--s),calc(100% - var(--_d)) var(--s),calc(100% - var(--l)) 0,100% var(--l),calc(100% - var(--s)) var(--_d),calc(100% - var(--s)) calc(100% - var(--_d)),100% calc(100% - var(--l)),calc(100% - var(--l)) 100%,calc(100% - var(--_d)) calc(100% - var(--s)),var(--_d) calc(100% - var(--s)),var(--l) 100%,0 calc(100% - var(--l)),var(--s) calc(100% - var(--_d)),var(--s) var(--_d),0 var(--l))
}
codepen网址：https://codepen.io/t_afif/pen/rNRxJPj
