CSS - animation (애니메이션)

최근 github 개인 페이지를 만들면서 가장 기억에 남는 CSS효과였던 애니메이션 속성에 대해서 활용도가 많을 것 같아서 정리해봤다. 쉽게 애니메이션 효과를 줄 수 있기 때문에 알아두면 좋을 것 같다. CSS3 애니메이션 애니메이션을 나타내는 CSS와 중간 상태를 나타내는 키프레임으로 이루어져 있다. CSS 애니메이션의 장점 자바스크립트를 모르더라도 간단하게 애니메이션을 만들 수 있다. CSS 애니메이션은 frame-skipping 같은 여러 기술을 이용하여 최대한 부드럽게 렌더링 된다. 보이지 않는 엘리먼트에 대한 애니메이션은 업데이트를 줄여 부하를 최소화할 수 있다. 애니메이션 적용하기 animation 속성과 이 속성의 하위 속성을 지정해야 한다. 애니메이션의 총 시간과 반복 여부를 지정할 수 있..