CSS动画生成器 - CSS Animation动画代码生成

CSS动画模板

常用CSS动画效果模板库

动画列表

参数设置

持续时间

缓动函数

动画预览

CSS代码

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.animated {
  animation: bounce 1s ease;
}