자바스크립트와 CSS를 사용하여 '움직이는 하이라이트'... 노트

자바스크립트와 CSS를 사용하여 '움직이는 하이라이트' 네비게이션 바 만들기

이 튜토리얼에서는 Blake Lundquist가 평범한 JavaScript와 CSS만을 사용하여 '이동 하이라이트' 네비게이션 패턴을 두 가지 방법으로 안내합니다. 첫 번째 기법에서는 getBoundingClientRect 메서드를 사용하여 네비게이션 바 항목이 클릭될 때 경계선 사이의 애니메이션을 명시적으로 생성합니다. 두 번째 접근 방식에서는 동일한 기능을 새로운 뷰 전환 API를 사용하여 달성합니다.
CdXz5zHNQW_CxnKquLcAV.jpeg