CSS - 애니메이션

종류	속성	설명
변형	transform	transform 속성은 요소의 움직임을 일괄적으로 설정합니다.
	transform-orgin	transform-origin 속성은 요소의 움직임 방향을 설정합니다.
	transform-style	transform-style 속성은 요소의 움직임 스타일을 설정합니다.
	perspective	perspective 속성은 3D 위치 요소에 약간의 원근감을 주기 위해 z=0 평면과 사용자 사이의 거리를 결정합니다.
	perspective-orgin	perspective-origin 속성은 3D를 표현할 때 원근점의 방향을 정의합니다.
	backface-visibility	backface-visibility 속성은 요소의 뒷면을 정의합니다.
애니메이션	animation	animation 속성은 애니메이션을 정의합니다.
	animation-delay	animation-delay 속성은 요소가 로드된 후 애니메이션이 시작될 때 까지의 시간을 나타냅니다.
	animation-duration	animation-duration 속성은 애니메이션 움직임 시간을 설정합니다.
	animation-fill-mode	animation-fill-mode 속성은 애니메이션이 끝난 후의 상태를 설정합니다.
	animation-name	animation-name 속성은 애니메이션 keyframe 이름을 설정합니다.
	animation-play-state	animation-play-state 속성은 애니메이션 진행상태를 설정합니다.
	animation-timimg-fuction	animation-timing-function 속성은 움직임의 속도를 정의합니다.
	@keyframes	@keyframes 속성은 개발자가 애니메이션 중간중간의 특정 지점들을 거칠 수 있는 키프레임들을 설정함으로써 CSS 애니메이션 과정의 중간 절차를 제어할 수 있게 합니다.
트랜지션	transition	transition 속성은 요소의 움직임 시간을 일괄적으로 설정합니다.
	transition-delay	transition-delay 속성은 요소의 움직임 지연 시간을 설정합니다.
	transition-duration	transition-duration 속성은 요소의 움직임 지속 시간을 설정합니다.
	transition-property	transition-property 속성은 요소의 움직임 속성을 설정합니다.
	transition-timing-function	transition-timing-function 속성은 요소의 움직임 기능을 설정합니다.