[구현]
ul태그 내부에 ul태그를 다시 구현하고 또 ul 태그를 넣는 기초적인 drop down 메뉴 구현 방법이다.
다만 주의할 점은
ul에 포인터가 안 올라가는 위치에 li 리스트가 있다면 dropdown box는 사라져 버린다.
때문에 margin-top으로 위치를 조정하더라도 ul리스트와 li리스트가 겹쳐있어야 한다.
아이콘: Font Awesome (폰트 어썸)
Font Awesome
The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.
fontawesome.com
drop down menu.zip
0.02MB
참고:
https://www.youtube.com/watch?v=o0YiZF9XZL0
Font Awesome 5 사용법 (ver 4 포함) | Engineering Blog by Dale Seo
'WEB animation & effect > nav & menu' 카테고리의 다른 글
| 텔레그램 Sidebar-menu (0) | 2021.10.06 |
|---|