可视化拖拽调整参数,直接生成可复制的 Tailwind CSS 动画代码
这是浏览器端的 Tailwind CSS 动画可视化生成工具。解决手写动画参数调试慢、记不住类名格式的问题。
它遵循 Tailwind CSS v3 官方动画类命名规范,支持自定义动画时长、延迟、重复次数与缓动函数。
仅生成现有动画的属性类,不生成自定义关键帧代码。自定义关键帧需要你手动在配置中定义。
兼容 Tailwind CSS v3 版本,不兼容 v2 及更早的旧版本。
仅输出可直接使用的 Tailwind 类名字符串,不输出独立 CSS 代码。
支持 Tailwind 内置的全部 5 种缓动函数:linear、ease-in、ease-out、ease-in-out 和 default。