(HTML/SCSS/jQuery) 애니메이션 모바일 탐색 메뉴 만들기
메뉴(햄버거 버튼) 클릭 시 스와이프 탐색을 위한 모바일 GNB 코드입니다. 닫기 버튼 애니메이션 작업이 완료되었습니다. 당신이 주면 영역은 클래스를 통해 왼쪽 -100%에서 0%로 이동하며 슬라이드됩니다. 여기에 트랜지션을 적용하는 것은 당연합니다. 닫기 버튼은 스팬으로 구성되어 메뉴 버튼에서 닫기 버튼으로 변형될 수 있도록 변형된다. 하지만 SCSS를 사용하다 보니 CSS로 스타일링하는 것이 너무 번거롭습니다. SCSS편의왕! &.on { left:0%; … Read more