doeunn.log

▶CSS 애니메이션 CSS 애니메이션을 통해 엘리먼트 즉 컨텐츠들을 키프레임을 통해 다양한 움직임을 줄 수 있습니다. 애니메이션의 대표적인 속성 5가지는 다음과 같습니다. transform : 트랜스폼은 요소 이동, 크기 변경, 위치, 색상 등 속성 변경 동작을 수행 transition : 트랜지션은 시간 경과에 따라 하나의 속성 상태가 다른 속성 상태로 변형 @keyframes : 키프레임 애니메이션을 만들 수 있도록 해주는 블록 키워드 animation : 키프레임 애니메이션 실행을 위해 CSS에 설정해 주는 속성 예제를 통해 자세히 알아봅시다. 예제 1. 네모 박스 색깔, 위치, 각도 애니메이션 transform은 어떻게 변경할 지를 입력한다고 했습니다. 위 예제 코드를 보면, scale 즉 크기를..