CSSアニメーションジェネレーター

ライブプレビュー

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

.animated-element {
  animation: fadeIn 1000ms ease 0ms 1 normal forwards;
}