코딩 슬라임 공방

ANIMATION 애니메이션은 애니메이션을 나타내는 css스타일과 애니메이션의 중간 상태를 나타내는 키프레임들로 구성되어 집니다. 애니메이션은 트랜지션보다 더 규모가 크고 복잡하며 다양한 효과를 가지고 있기 때문에 좀 더 정밀한 구현이 가능합니다. 애니메이션의 장점 자바스크립트에 비해서 간단하게 구현할 수 있습니다. css 애니메이션은 최대한 부드럽게 렌더링 됩니다. 애니메이션의 성능을 효율적으로 최적화 할 수 있습니다. 애니메이션의 속성 animation-name : 애니메이션의 중간상태를 지정하기 위한 이름을 정의 합니다. 중간상태는 @keyframes 규칙을 이용하여 기술합니다. animation-duration : 한 싸이클의 애니메이션이 얼마에 걸쳐 일어날지 지정합니다. 설정값은 ()s로 표시할..