햄버거 메뉴 애니메이션 #1
Animated Burger Icon이 포스팅에서는 햄버거 메뉴를 CSS3의 keyframes과 jQuery를 이용하여 좀더 인터랙티브한 아이콘으로 구현하는 방법을 소개합니다. Source & Result See the Pen 햄버거 메뉴 애니메이션 by jaeheekim (@jaehee) on CodePen. SCSS TypeSCSS를 사용하는 경우는 다음과 같습니다. scss // burger .container { position: relative; height: 28px; width: 36px; cursor: pointer; .line-top, .line-middle, .line-bottom { position: absolute; display: block; height: 4px; width: 3..
