【源碼】后臺(tái)管理系統(tǒng)的側(cè)邊導(dǎo)航欄

HTML5+CSS3做一個(gè)后臺(tái)管理系統(tǒng)的側(cè)邊導(dǎo)航欄,點(diǎn)擊三條杠,可以收起或展開側(cè)邊導(dǎo)航欄。收起時(shí),圖標(biāo)變大,文本在圖標(biāo)下方,管理員頭像右側(cè)的歡迎語隱藏;展開時(shí)圖標(biāo)變小,文本在圖標(biāo)的右側(cè)顯示,管理員頭像右側(cè)的歡迎語顯示。切換過程伴有過渡動(dòng)畫,右側(cè)內(nèi)容區(qū)可以放自己的內(nèi)容。
效果:

源碼:


標(biāo)簽: