슬기로운 개발노트

animation = css style + @keyframes (애니메이션의 중간상태를 나타내는 것.) keyframes를 통해서 부드러운 렌더링 효과 구현이 가능하다. animation은 단축형과 속기형으로 사용할 수 있다. * 단축형 1) animation-name : animation의 중간상태를 지정하기 위한 이름 정의 keyframes의 이름 = animation의 이름 2) animation-duration : animation을 한 번 재생하는데 걸리는 시간을 설정. 3) animation-delay : animation 시작을 지연할 시간을 설정. 4) animation-direction : animation의 방향을 결정. 속성 예시) normal / alternate / reverse ..