CSS View Transitions API에서 view-transition-name 속성의 역할은?

Q: CSS View Transitions API에서 view-transition-name 속성의 역할은?

페이지 전환 시 요소를 식별하여 부드러운 전환 애니메이션을 적용할 수 있게 한다 view-transition-name 속성은 뷰 전환(View Transition) 중 요소를 고유하게 식별하는 이름을 부여합니다. 같은 이름을 가진 이전/이후 상태의 요소 간에 자동으로 크로스페이드, 위치 이동 등의 전환 애니메이션이 생성됩니다.

어려움 MDN Web Docs

보기 및 정답

A 페이지 전환 시 요소를 식별하여 부드러운 전환 애니메이션을 적용할 수 있게 한다

B CSS 트랜지션은 여러 중간 상태를 keyframe으로 세밀하게 제어할 수 있다

C transition 속성은 요소가 처음 렌더링될 때도 자동으로 적용이 된다

D transition-timing-function 기본값은 linear이다

해설

view-transition-name 속성은 뷰 전환(View Transition) 중 요소를 고유하게 식별하는 이름을 부여합니다. 같은 이름을 가진 이전/이후 상태의 요소 간에 자동으로 크로스페이드, 위치 이동 등의 전환 애니메이션이 생성됩니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

CSS View Transitions API에서 view-transition-name 속성의 역할은?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

모두를 위한 진짜 쎈 바이브코딩