这是一款基于可变字体、CSS 与 Reactive CSS技术实现的文字随指针距离改变字重和宽度的交互标题。指针划过字母时,邻近文字逐渐变宽、变重并泛起光晕,触屏可点击体验局部变化。
感应文字的画面与交互特点
每个字母读取指针在自身区域的位置,以距离计算接近程度,再驱动可变字体的宽度、字重与色彩。页面柔光跟随指针,提示在首次交互后淡出。
感应文字的素材与参数修改位置
style.css 定义距离计算、变量字体轴和光晕,index.html 以独立节点排列字母;script.js 加载 Reactive CSS 运行时。
感应文字的使用场景与适配
依赖可变字体与较新的 CSS 计算能力,替换字体前需确认其提供所需的宽度和字重轴。