✨

CSS 动画

预览动画效果，复制 CSS 代码

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

.animated {
  animation: bounce 1s ease infinite;
}

CSS 动画生成器

选择动画类型，调整时长和缓动函数，实时预览效果并复制 CSS @keyframes 代码。