Lens Reveal · 4 Demos

两层内容,一个镜片

四个复刻 demo 用的是同一套机制:画面画两遍,上层只靠一个圆或多边形遮罩露出一块, 镜片里露出来的东西是真实存在的另一层,不是滤镜算出来的反色。

↗
01
PQHD ↔ 脾气很大
蚕蛹遮罩 · 逐字基线对齐

四字格 · 擦除

底层挖洞、上层露字,镜片里外永不重叠。切换时遮罩铺满全屏再缩回, 换层发生在看不见的瞬间。

点击换字 · F 键同步
↗
02
GLOBAL ↔ 全球化
MiSans 原站 SVG 墨迹

小米字体页同款

字形直接取自原站矢量路径。原版看着像擦除,是因为上层 SVG 自带一块纸色底, 底下的字母被整块盖住了。

矢量墨迹 · 铺满换层
↗
03
你好,我是 MiMo
黑色镜片 · 白色英文

MiMo 首页 · 反向

底层浅色黑字配大网格,镜片里是纯黑底白字配小一号的密网格。 边缘的密度突变,眼睛会先读到「这是两层」。

四种切换可选
↗
04
何时悟道
同款机制 · 中英居中配平

昵称版

MiMo 那套原封不动,文案换成「何时悟道」。四个汉字对十七个字符, 英文压到 0.55 倍字号后整行居中,两侧留白对称。

四种切换可选