cards

以光缝分隔的对比卡

被裁切的是光，不是内容。两层互为镜像的氛围光各由三层径向渐变组成，通过互补的裁切分享同一个容器：inset(0 100-x% 0 0) 与 inset(0 0 0 x%)。因为二者互补，无论光缝停在哪里都能恰好铺满整个边框，既不留缝也不重叠。内容始终不被裁切，所以拖动并不会露出另一份副本，改变的只是哪一半被照亮。