CSS 애니메이션 생성기

실시간 미리보기

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

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