나아가는 길에 발자국을 찍어보자

첫번째 페이지인 애니메이션을 추가하면서 정말 알게 되 것이 많다. 하나하나 정리해 가면서 다시 복습해야겠다. 1. 애니메이션 추가하기 animation은 animation자체의 속성과 애니메이션 중간 상태를 정의할 수 있는 @keyframes로 구성되어 있다. 1.1 animation 속성 animation-name 애니메이션의 중간 상태를 지정하기 위한 이름을 정의하는 속성. 중간 상태는 @keyframes를 사용하여 정의한다. 이름을 설정해야 애니메이션을 재생할 수 있다.(==호출) animation-duration 한 싸이클의 애니메이션이 동작하는데 걸리는 시간을 지정.(==한번 재생하는 데 걸리는 시간) 0이나 음수로 설정하면 애니메이션은 재생되지 않는다. animation-delay 엘리먼트가 ..