자주 쓰는 애니메이션 유형을 선택하고 매개변수를 조정하여 실시간 미리보기

애니메이션 설정

애니메이션 유형

시간 (s)

지연 (s)

타이밍 함수

반복 횟수

방향

애니메이션 실행

미리보기

생성된 CSS

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

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