CSS 动画生成

NEW

可视化配置@keyframes/transition，实时预览

点击方块暂停/播放动画
生成的 CSS
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

.animated-element {
  animation: bounce 1s ease 0s infinite normal none;
}