트랜지션과 애니메이션 선택표
두 상태 사이의 짧은 변화는 transition, 여러 장면이나 반복 움직임은 animation으로 나눈다. 먼저 변화 원인, 단계 수, 반복 여부를 확인하면 선택이 흔들리지 않는다.
핵심 1
트랜지션과 애니메이션 선택표 트랜지션과 애니메이션 선택표 두 상태 사이의 짧은 변화는 transition, 여러 장면이나 반복 움직임은 animation으로 나눈다.
핵심 2
먼저 변화 원인, 단계 수, 반복 여부를 확인하면 선택이 흔들리지 않는다.
핵심 3
01 원인 사용자 hover, focus, class 변화라면 전환 후보로 본다.
핵심 4
02 단계 시작과 끝만 있으면 transition, 중간 장면이 많으면 animation.
핵심트랜지션과 애니메이션 선택표은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.