CSS 动画生成器

用作 @keyframes 名称和 animation 属性标识符。

需要 Tailwind CSS v3+ 及 animate 插件或 tailwindcss-animate。

@keyframes myAnimation {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.element {
  animation: myAnimation 1s ease 0s infinite normal both;
}

/* Respect user motion preference */
@media (prefers-reduced-motion: reduce) {
  .element {
    animation: none;
  }
}