文字动画构建器
输入短文字、选择效果,然后复制生成的 HTML 和 CSS。所有操作都在浏览器本地完成。
使用步骤
如何使用
- 输入最多 200 个字符并选择效果。
- 使用键盘友好的控件预览动画。
- 复制自包含的 HTML 和 CSS 代码。
本地、自包含输出
构建器只生成 HTML 和 CSS。文字放入标记前会先转义,不会发起网络请求,也不会使用存储。
动态效果偏好
生成的 CSS 包含 prefers-reduced-motion;用户要求减少动态效果时,字符仍会显示但不再动画。
常见问题
你可能还想知道
可以输入多少文字?
最多 200 个 Unicode 字符。
文字会上传吗?
不会,预览和生成都在浏览器本地完成。