CSS 动画生成器

生成CSS @keyframes动画，带实时动画预览框。

CSS Animation Generator

Property

From value

To value

Duration (s)

Timing function

Iteration count

@keyframes myAnim {
  from { opacity: 0; }
  to { opacity: 1; }
}

.element {
  animation: myAnim 1s ease infinite;
}

生成CSS @keyframes动画，带实时动画预览框。