CSS實現鼠標通過，文字下方橫線劃過特效

昨天在聊天羣裏看見有人問，鼠標劃過，文字下方橫線從左向右劃過怎麼實現？做爲初學前端的我頁忍不住想要試一試本身可否實現這樣的效果，固然用JS實現確實簡單，另外本身最近剛鞏固了css3的一些新的過渡和動畫特性的編程，因此再鞏固一下也好，遂決定用CSS3的一些特性來寫這個特效。css            一開始爲了最簡單，我直接就是作好一個導航，ul > li  > a。 而後li左浮動佈局。以下圖所

>>阅读原文<<