错位文字效果
3D纵向扇形展开文字环路交错动画（CSS+JS）这是一款动态文字扇形错位交错特效，基于CSS 3D转换与动画序列（Timeline Animation）技术实现。当触发动画时，文本中的每个字符会以中心为轴，成对地向上或向下进行扇形交错位移。离...
沙粒文字动画
Canvas 沙粒组成任意文字粒子动画，文字消散聚合沙砾特效这是一款由黄色砂砾完成文字的组合与分离的动画效果，基于 Canvas 技术实现，文字由细碎黄色沙粒方块构成，支持拼凑成任意文字、沙堆形态、散粒漂浮三种形态切换，沙粒会模拟自然散落、聚拢流动的动态...
流光
纯 CSS 全息故障文字动画效果+3D漂浮流光卡片这是一款全息故障文字动画效果，基于纯CSS技术实现。标题文字带有RGB色彩分离的故障艺术风格，字母边缘会闪现出青色和紫红色的重影，模拟老式电视信号干扰的视觉感。背景卡片则笼罩着一层流动的彩色光晕...
粒子文字
基于 GSAP+three.js 实现的粒子变形球体交互 3D 文字动画效果这是一款基于Three.js+GSAP实现的交互式3D粒子球文字动画，通过成千上万的微小粒子构成一个动态的球体。当用户输入文字并点击“Create”按钮后，粒子球会瞬间解构重组，将原本的球形结构...
图文卡片
智能分裂式图文卡片悬停特效，SplittingJS驱动的图片卡片悬停显示文字动画效果这是一款分裂式卡片悬停特效，基于SplittingJS+CSS伪元素技术实现，通过文字与背景卡片图片的智能拆解重组，创造出极具视觉张力的图文卡片悬停交互效果，并且支持完全响应式布局，特别适合作品...
创意搜索框
HTML带文字动画的创意搜索框，点击按钮，文字变为“小人”跑到按钮里面这是一款通过CSS+少量JS实现的创意搜索输入框，该输入框包含文本域+按钮，当用户在文本框中输入文字内容后，点击搜索按钮，文字内容摇身一变成为一个个小人，按钮挨着文本域的一侧打开门，小人迅速躲进...
灵魂输入框
CSS+JS为输入框添加输入文字动画交互效果，我称之为“灵魂输入框”这是一款输入字符动态特效交互效果，基于CSS+JS联合实现，能够在用户打字时为每个字母/文字添加流畅的动画反馈，特别适用于创意登录页、交互式故事平台等需要增强输入体验的场景。
波浪文字
CSS波浪与图像波动文字动画效果，文字内部水波纹涌动特效这是一款动态波浪变形文字效果，基于CSS clip-path+transform技术实现，通过文字扭曲波动和图像分层延迟动画，营造液态视觉风格，适用于品牌标语、海报头图或产品展示等场景。
魔法文字特效
CSS+JS布灵布灵，闪着小星星的动态魔法文字特效，支持自定义文字这是一款魔法文字动画效果，基于CSS/JavaScript技术实现，可实现流光色彩过渡、文字闪光等奇幻视觉效果，适用于标注重点标题文字或营销活动页面。
文字动画
7款个性的 CSS 动态文字动画特效集这是一组基于 Splitting.js + CSS 实现的多样化文字动画，包含跳跃、翻转、弹跳、漂浮、慢跑、旋转、抖动等效果，适用于标题强调、广告文案或创意网页交互场景。
波浪文字
CSS悬停波浪文字动画效果这是一款基于 font-variation-settings 和 CSS 动画实现的文字悬停波浪变形效果，通过调节字重宽度参数模拟波动，适用于标题动态展示或数据可视化场景。