Web Design Laboratory
水平三層結構： 選單主要以水平方式排列，並有三個層級的子選單。
自動下滑： 當滑鼠移至父選單時，子選單應自動向下展開。
純 CSS 實現： 不使用 JavaScript，僅靠 CSS 樣式來控制選單的行為。
分定位 (position)： 將子選單定位在父選單下方，並使用 absolute 或 fixed 來脫離文件流。
顯示與隱藏 (display)： 初始時將子選單隱藏，當滑鼠移入父選單時，使用 :hover 偽類將其顯示出來。
轉換 (transform)： 可以為子選單添加一些動畫效果，例如縮放或淡入淡出。
是可以崁入到網頁上的，也可以直接做線上編輯。
See the Pen Untitled by 周平（瑪雅網路科技） (@vzhzchpn-the-vuer) on CodePen.