[CSS] Animation

animation은 각 애니메이션 제어 속성의 단축 속성

animation:  애니메이션이름  지속시간  대기시간?  타이밍함수?  반복횟수?  반복방향?  전후상태?  재생/정지?;

값	의미	기본값
animation-name	@keyframes의 이름	none
animation-duration	지속 시간	0s
animation-delay	대기 시간	0s
animation-timing-function	타이밍 함수	ease
animation-iteration-count	반복 횟수	1
animation-direction	반복 방향	normal
animation-fill-mode	전후 상태	none
animation-play-state	재생과 정지	running

 

CSS Animation 완벽 가이드 | HEROPY.DEV

CSS Animation 완벽 가이드