可视化调 CSS 关键帧动画,预览后直接导出可用代码
这是浏览器端可视化 CSS 关键帧动画生成工具,解决手写动画调参慢、预览不及时的问题,不用记缓动参数和关键帧语法。
完全遵循 W3C CSS 动画标准生成代码,自带 20 种常用预设动画,支持自定义多关键帧,所有参数实时生效预览。
没有数量限制,你可以添加任意多个关键帧调整动画。工具只受浏览器本地性能限制,常规使用无影响。
生成标准语法不需要加前缀,兼容所有现代浏览器。不支持 IE9 及更早版本,符合当前前端开发要求。
可以直接复制完整的@keyframes代码和样式声明。复制后直接粘贴到你的项目CSS文件中即可使用。
可以。支持设置0.1秒到20秒的动画时长,支持单次、循环、往复三种播放模式。