[CSS] 애니메이션 스타일 (animation)

애니메이션 정의 (시작과 끝 상태 설정) @keyframe 애니메이션이름 { /* 시작 선택자 (0%) */ from { 스타일속성 : 속성값 ; } /* 끝 선택자 (100%) */ to { 스타일속성 : 속성값 ; } } - 0~100% 내의 %를 선택자로 하여 중간 상태 설정 가능 요소에 애니메이션 부여 /* @keyframe에서 정의한 이름과 동일하게 입력 */ 선택자 { animation-name : 애니메이션이름 ; } 애니메이션 실행 시간 지정 선택자 { animation-duration : 실행시간(단위 s) ; } 애니메이션 종료 후 원위치 방법 지정 선택자 { animation-direction : normal | alternate ; } - normal (기본값) : 애니메이션을 끝까..

원문링크 : [CSS] 애니메이션 스타일 (animation)