햄버거 메뉴 애니메이션 #2

Animated Burger Icon #2

이 포스팅에서는 CSS3로 다양한 햄버거 메뉴 효과를 keyframes과 jQuery를 이용하여 좀더 인터랙티브한 아이콘으로 구현하는 방법을 소개합니다.

Hamberger Menu 12가지 효과

햄버거 메뉴 또는 아디다스 메뉴라고 불리는 메뉴로 12가지의 다양한 효과를 알아봅니다.

See the Pen 햄버거 메뉴 #1 by jaeheekim (@jaehee) on CodePen.

Related Info

1. 햄버거 메뉴 #1

Jaehee's WebClub

[출처] http://rwdb.kr/css_effect_10/