你好,我是 MiMo HELLO, I'M MiMo
你好,我是 MiMo HELLO, I'M MiMo
关于我
悬停出镜片 · 点按或 F 换语言 按住拖动出镜片 · 轻点换语言
镜片不是滤镜,也不是同一句话换色:底层画的是中文黑字(+ 5% 黑网格),上层画的是英文白字(+ 12% 白网格), 两套内容各自独立存在,只用一个 clip-path 圆把上层露出来。 所以镜片里那行 HELLO, I'M MiMo 是原站真有的另一个 h1,不是把「你好,我是 MiMo」反色算出来的。
两个容易被忽略的细节:镜片里那层 M I M O 网格比外面小一号(32px vs 52px、12% 白 vs 5% 黑), 边缘因此出现密度突变,眼睛会先读到“这是两层”再看标题;遮罩是两圆外切的胶囊,快速甩动时被拉成水滴、停住回弹成圆形。
还有一处对位:中英文字宽差 59.7px,原站不是各自居中,而是右端对齐(右边缘差 0.4px), 多出来的宽度全部向左溢出 —— 所以切换时右边界纹丝不动,只有左边在变。
四种切换:铺满 镜片涨到盖住整块画布; 光圈 镜片缩成一个点再张开(换层发生在看不见的瞬间); 翻牌 整行字绕 Y 轴转到侧对屏幕再转回来;硬切 就是 0ms 直接换。