CSS 애니메이션 사용하면 자바스크립트를 사용하지 않고도 요소에 애니메이션을 추가할 수 있다..!!! animation 속성은 특정 지점에서 스타일을 바꾸면서 애니메이션을 만든다. 그렇게 스타일이 바뀌는 바로 그 지점이 keyframe키프레임이다. ▼ animation 관련 속성 요약 종류 설명 @keyframes 애니메이션이 바뀌는 지점 지정. animation-name 복수의 애니메이션을 구별하기 위한 이름 설정. animation-duration 애니메이션의 실행 시간 지정. animation-delay 애니메이션의 시작 시간 지연을 지정. animation-direction 애니메이션이 끝난 다음, 다시 실행할 때 처음과 같은 방향으로 시작할지, 역방향으로 시작할지 지정. animation-ite..