思無邪 (@Clarke.L)T-Shirt?DONE! 中发帖

DONE了个吊牌中的边框! :tieba_087: 
效果图
[image]
开始动手
起初,我以为这东西没啥难度,随便弄下就行了 :tieba_087: 结果水平受限,还是碰壁了~
最开始想的是直接mask把四周遮罩掉,好是好,就是不那么好!用来做单纯背景还行,加上边框后,事情开始不对劲了 :tieba_087: 于是只能pass。
[BG]
绘图大法
既然传统路走不通,那只能开启绘图大法了~
第一步,老传统了,分析能否拆解。很明显,我们这里有相同规律的内容,四个角都是相似的,就是一个圆被分成了四块,那直接干!
[image]
background: radial-gradient(
var(--r) at var(--r) var(--r),
transparent calc(98% - var(--w)),
...