代码、数据与二维码工具

文字动画构建器

输入短文字、选择效果,然后复制生成的 HTML 和 CSS。所有操作都在浏览器本地完成。

优先本地处理无需注册隐私说明 ↗

使用步骤

如何使用

  1. 输入最多 200 个字符并选择效果。
  2. 使用键盘友好的控件预览动画。
  3. 复制自包含的 HTML 和 CSS 代码。

本地、自包含输出

构建器只生成 HTML 和 CSS。文字放入标记前会先转义,不会发起网络请求,也不会使用存储。

动态效果偏好

生成的 CSS 包含 prefers-reduced-motion;用户要求减少动态效果时,字符仍会显示但不再动画。

常见问题

你可能还想知道

可以输入多少文字?

最多 200 个 Unicode 字符。

文字会上传吗?

不会,预览和生成都在浏览器本地完成。