动效

渐变文字，配色与动画均可通过 props 或 CSS 变量覆盖。

内容自动无限循环滚动，支持任意节点、横向与纵向以及反向播放，悬停可暂停，自动尊重系统的减弱动态效果偏好。

文字由细小粒子组成，进入视口时从四周飞入聚合成字；指针靠近时粒子被推散，离开后弹回原位。

多个词语依次切换，容器宽度随词宽平滑伸缩，适合首页大标题；支持翻转与色块两种效果，减弱动态效果下直接替换不播动画。

字符先以发光乱码闪烁，再从左到右依次定格为原文，呈现解码般的科技感。支持进入视口或悬停触发。

页面上下滚动时文字左右横向滚动，多行时相邻行方向相反，自动尊重系统的减弱动态效果偏好。

文本置于可滚动的窗口中，随滚动从头至尾逐词点亮，未读到的部分保持暗淡甚至模糊，适合叙事段落。

文本按字符或单词错峰浮现，进入视口时触发，自动尊重系统的减弱动态效果偏好。

打字机效果逐字输出文本，可循环重播，自动尊重系统的减弱动态效果偏好。

字符按正弦节奏依次上下起伏，形成连续的波浪；纯 CSS 驱动，减弱动态效果下自动静止。

进入视口时数字从起始值滚动到目标值，自动尊重系统的减弱动态效果偏好。

元素进入视口时淡入位移，自动尊重系统的减弱动态效果偏好。

指针靠近时元素被吸附跟随，离开后缓动回正，适合按钮、图标等小元素；减弱动态效果下自动禁用。

元素进入视口时缩放并淡入，自动尊重系统的减弱动态效果偏好。

卡片内跟随指针的径向聚光，可叠加指针附近的边框光晕；内部元素加 elyri-spotlight__item 类即可点亮自身边框，常用于功能卡片与定价区块。

根据指针在元素内的位置计算 3D 倾斜，可叠加跟随指针的高光；减弱动态效果下自动禁用。

WebGL 实时渲染的极光夜空：多层流动的光帘、竖向光束与闪烁星空，指针附近的极光会被点亮。

WebGL 实时渲染的水下焦散：流动的光网带轻微色散，顶部斜射光束，指针处荡开水波并聚光。

WebGL 实时渲染的等高线：缓慢演化的地形被切成等宽细线，每五条一条计曲线，指针处隆起一座小山。

WebGL 实时渲染的呼吸点阵：细点随缓慢的噪声波起伏明灭，指针处的点被放大、推开并染上强调色。

WebGL 实时渲染的侧向龙鳞背景：黑曜石釉面、沿轮廓流动的弧形反光与双线鳞缘，光源跟随指针移动。

WebGL 实时渲染的光丝：七根发丝般的光线交织成一束缓慢起伏的波形，光脉冲沿线流过，指针处像被轻轻拨动的琴弦。

WebGL 实时渲染的立方体阵列：俯角透视下，黑曜石顶面、强调色金属侧面与高光倒角棱边整齐排布，翻滚波经过时立方体带着轻微回弹滚动 90° 翻出色面，投影与深槽辉光拉开纵深，指针处的立方体缓缓升起。

WebGL 实时渲染的极简光环：画面中央一圈发丝般的细光，两束高光沿圆周缓缓流动，其余区域留白。

WebGL 实时渲染的流光渐变：四个色团经两级域扭曲拉成缓缓流淌的彩色丝带，在 Oklab 空间柔和融合，缎面光泽随流场滑过，叠一层细腻胶片颗粒。

WebGL 渲染的 LED 屏：把视频降采样成像素灯珠播放；未提供视频时显示缓慢流动的火焰，亮区跟随指针，自动适配明暗主题。

WebGL 实时渲染的轨道视角星球，可在火星、木星与地球间切换：火星上程序化生成的地形与陨石坑缓缓流过；木星的云带随交替急流滑动，大红斑与白卵在湍流中旋转；地球的海陆、云层与投影随自转流动，海面反射出太阳耀斑，夜侧亮起城市灯光。大气单次散射勾勒出发光的边缘，掠射处透出互补色；太阳随指针沿地平线游移。

WebGL 实时渲染的流动丝绸：连续起伏的褶皱、缎面光泽与随指针移动的高光。

WebGL 实时渲染的丝绒：斜向垂坠的褶皱缓慢摆动，侧面泛起绒毛特有的柔光，指针划过压倒绒毛留下渐渐回弹的痕迹。

把图片转换为 ASCII 字符画：按亮度把像素映射为疏密不同的字符，支持单色或原图着色。进入视口时自上而下解码显现，之后有高光周期性扫过、字符随机闪烁，指针靠近时字符被推开、提亮并乱码，自动适配明暗主题。