페이지간 전환에 애니메이션 효과를 줄 수 있다. 사용 예시 // index.html <meta name="view-transition" content="same-origin" /> <body> <a href-"dog.html">Look at my dog</a> </body> // dog.html <meta name="view-transition" content="same-origin" /> <body> <h1>She is the best!</h1> </body> 애니메이션 커스텀 // 이전 페이지가 사라질 때, 애니메이션 커스텀 ::view-transition-old(root) // 새 페이지가 사라질 때, 애니메이션 커스텀 ::view-transition-new(root) 사용 예시 // index.html <meta name="view-transition" content="same-origin" /> <style> ::view-transition-old(root), ::view-...
#animation
#CSS
#JavaScript
#React
#ViewTransitionsAPI
#애니메이션효과
원문링크 : View Transitions API
네이버 블로그
티스토리
커뮤니티