CSS 움직임 선택 지도

트랜지션은 상태가 바뀔 때 부드럽게 이어 주고, 애니메이션은 여러 장면을 시간표처럼 제어한다. 먼저 움직임의 원인이 이벤트인지 시간표인지 나눈다.

CSS 움직임 선택 지도트랜지션은 상태가 바뀔 때 부드럽게 이어 주고, 애니메이션은 여러 장면을 시간표처럼 제어한다.…
1

핵심 1

CSS 움직임 선택 지도 CSS 움직임 선택 지도 트랜지션은 상태가 바뀔 때 부드럽게 이어 주고, 애니메이션은 여러 장면을 시간표처럼 제어한다.

2

핵심 2

먼저 움직임의 원인이 이벤트인지 시간표인지 나눈다.

3

핵심 3

01 Trigger hover, focus, click처럼 상태 변화가 있는지 확인한다.

4

핵심 4

02 Property 색, 투명도, transform처럼 바꿀 속성을 고른다.

핵심CSS 움직임 선택 지도은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.