懸停第一步噪舀，先上效果圖
這個其實是一個bootstrap實現(xiàn)的響應(yīng)式導(dǎo)航飘诗，我們今兒要做的了其實是鼠標(biāo)hover效果，看到那些個Home纺座、About us...底下的三個小點點沒有溉潭，這個就是一個sex的效果，鼠標(biāo)移上會有仨點點喳瓣，而這仨點點呢又不是一下子出來的，是從中間點點往兩邊散開 形成三個
好了上代碼配乓，html導(dǎo)航的結(jié)構(gòu)就不用多說了把惠毁，ul li，相信你可以的
這里呢看到好多類是不是腰埂，因為用的是bootstrap的結(jié)構(gòu)寫的蜈膨，平時靜態(tài)的話其實不用那么復(fù)雜
結(jié)構(gòu)不多說荒给，主要說下下面點點的實現(xiàn)刁卜，我們得用上：before，當(dāng)然也有：：before蛔趴，其實一個冒號跟兩個冒號沒有本質(zhì)的區(qū)別孝情，都是表示在什么什么之前，他這么寫主要只是為了區(qū)分css2和css3箫荡，也就是ie和主流瀏覽器。雙冒號的話貌似只兼容火狐谷歌等洁奈，不考慮ie绞灼。
然后呢 我們需要這個before先再內(nèi)容下面用定位實現(xiàn)一個點點，然后用css3的文字陰影去實現(xiàn)兩邊的點點
自行理解哈印叁，若有疑問可去142991222找小姐姐我
好了 上完整的代碼
至于我樣張圖上的效果军掂，請聽下回分解。哈哈哈跃洛，或者你來逼供也行142991222
