CSS 动画生成器
可视化创建 CSS 动画，支持关键帧编辑、预设动画库，实时预览 + 代码输出。
预设动画
动画参数
时长1s
s
关键帧
%
%
%
实时预览
CSS 代码
@keyframes customAnimation {
0% {
}
50% {
transform: translateX(50px) translateY(-20px) scale(1.1) rotate(5deg);
opacity: 0.8;
}
100% {
}
}
.animated {
animation: customAnimation [object Object]s ease [object Object]s infinite normal none;
}